qqhappiness的博客

原创 event loop事件轮询

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

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