240 发简信
IP属地:北京
  • ES6 Class"类"

    一、传统方法与ES6"类"   JavaScript语言的传统方法是通过构造函数定义并生成新对象,如:   上述写法与传统的面向对象语言(比如C++)的写法就有很大的差异,而...

  • Generator函数

    一、背景知识   尽管Promise方法能够解决JS异步方法带来的嵌套地狱问题,但其本质上只是回调函数的改进,使用then方法以后,异步任务的两端执行更清楚了,除此以外,并无...

  • 120
    Promise异步处理

    一、回调地狱   首先我们知道在JS中异步执行机制具有非常重要的地位,而Node.js中readFile就是一个异步操作,这里我们先进行一个小实验,分别读取data文件夹下a...

  • 浏览器解析渲染页面

    一、渲染机制 整体来说,整个过程可以分为五个步骤: 根据 HTML 解析出 DOM 树 根据 CSS 解析生成 CSS 规则树 结合 DOM 树和 CSS 规则树,生成渲染树...

  • 120
    BOM-scroll系列

    一、scrollWidth与scrollHeight   当标签内容大于标签高宽时:内容实际的高宽(不包括边框)  如果标签中内容为空或者内容高宽小于标签高宽: srcoll...

  • ES6 数据结构-Map

    一、背景知识   JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键:   上面代码原意是将一个DOM节点作为对象data...

  • ES6 数据结构-Set

    一、基本用法与特性   Set本身是一个构造函数,可直接用来生成Set数据结构:   可传入数组or伪数组   ①Set结构不会添加重复值   ②Set结构加入数据时不会发生...

  • 120
    ES6 const命令特性

    一、“不可”改变   const 声明一个只读的变量。一旦声明,常量的值就不可改变:   不可改变的本质:变量指向的那个内存地址不可改变,比如我们定义foo、bar对象和a、...

  • ES6 let命令特性

    一、块级作用域   ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。比如: 二、不存在变量提升   var命...

  • 原生JS与jQuery中事件的绑定与解绑

    一、JS中事件的绑定 1.1 on事件类型方式:   常见的比如onclick、onmouseover等,这类绑定方式缺点在于无法为同一事件绑定多个函数:   上述代码中点击...

  • 原生JS与jQuery自定义属性的操作

    一、自定义属性:   首先我们来弄清楚什么是自定义属性:   由html的基础知识我们知道,html标签是不存在age属性的,而此时我们自己添加上去的age属性就称之为自定义...

  • 原生JS与jQuery获取节点的方法

    一、JS中的节点:   首先我们来介绍一下DOM中元素与节点间的关系:页面中所有内容都是节点[包括元素,属性,文本],所以节点是包括元素的。  以下是节点的三个属性: 二、J...

  • 原生JS与jQuery中获取元素的方法

    一、原生JS中获取元素的方法   ①根据id:    document.getElementById('id'); 返回一个元素  ②根据标签:   documen...

  • 120
    JS中的对象

    一、调用系统构造函数与字面量方式   我们可以直接通过 new Object() 创建:   每次创建通过 new Object() 比较麻烦,所以可以通过它的简写形式对象字...