qqhappiness的博客

原创 event loop事件轮询

原创 事件委托利用了事件冒泡

事件触发的流程 1.捕获阶段：从外到内 2.目标阶段：在目标元素上触发事件 3.冒泡阶段：从内到外 只指定一个事件处理程序，就可以管理某一类型的所有事件。所有用到按钮的事件（多数鼠标事件和键盘事件）都适合采用事件委托技术，使用事件委托可以节省内存。 <ul> <li>苹果</li> <li>香蕉</li> <li>凤梨</li> </ul> // good document.queryS

原创 基本包装类型 Boolean Number String

特殊的引用类型：基本包装类型 引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象，则只存在于一行代码执行的瞬间，然后被立即销毁。这意味着我们不能在运行时为基本类型值添加属性和方法。 每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。 当第二行代码访问s1时，后台完成以下处理。 1.创建String类型的一个实例 2.

原创 setState()第二个参数

在状态更新（页面完成重新渲染）后立即执行某个操作 第二个参数是一个回调函数，这个回调函数会在状态更新后立即执行 与componentDidUpdate 作用类似，在组件更新后执行

原创 for 家族

for in 遍历 对象 => 成员名可以访问当对象里面的每一个数据 => 所有的名字不一定存在规律 + 我们有一个叫做 forin 的循环 => 大部分时候用来遍历对象的 => 语法: for (var 变量 in 对象) { 重复执行的代码 } -> 根据对象内有多少个成员执行多少回 -> 循环的每一次, key 分别是对象的成员名称(字符串类型) ...

转载 伪数组转为真数组

伪数组转为真数组 对DOM元素进行map、forEach操作时候需要进行遍历，伪数组遍历会报错：'elem.map is not a function',为了避免这个问题，需要进行转换。 (1) ES5 转为真数组 Array.prototype.slice.call(元素对象) let elem1 = Array.prototype.slice.call(elem) (2) ES6 转为真数组 Array.from（元素对象） let elem2 = Array.from(elem)

原创 判断复杂数据类型

Array.isArray（这里放你要判断的那个东西） 这个方法最快，但是要判断是否可以用，有的浏览器不支持这个方法，if（typeof Array.isArray ===“function”){return Array.isArray(这里放你判断的那个东西）} else｛ 第二种方法 直接写这了 return Object.prototype.toString.call（这里放你判断的东西） === “[object Array]”;} 第三种方法 使用原型链来判断 [].proto === Array