xww

懒加载的原理是在要显示图片的位置添加占位图或留白等，然后等在必要的时间，如图片最顶部距可视区域多少px时开始预加载图片，即将img或background-url赋值，从而减少首屏网络开销

- innerHTML 读取或设置节点起始至结束标签中的HTML内容 - nodeValue 只有在纯文本节点中有值，其他为null。用来读取或设置指定节点的文本内容 - textContent 属性读取或设置节点的文本内容，不依赖于css，会返回所有的包含子节点的文本内容的组合 ```js innerHTML属性读取或设置节点起始和结束标签中的 HTM L内容； nodeValue属性读取或设置指定节点的文本内容，适用于文本类型的节点； textContent属性读取或设置指定节点的文本内容，对于元素节点而言，会返回所包含的所有子节点中的文本内容的组合。 $('#abc').innerHTML 'innerHTML属性读取或设置节点起始和结束标签中的 HTM L内容；\nnodeValue属性读取或设置指定节点的文本内容，适用于文本类型的节点；\ntextContent属性读取或设置指定节点的文本内容，对于元素节点而言，会返回所包含的所有子节点中的文本内容的组合。' ('#abc').childNodes[0].nodeValue 'innerHTML属性读取或设置节点起始和结束标签中的 HTM L内容；' $('#abc').textContent 'innerHTML属性读取或设置节点起始和结束标签中的 HTM L内容；\nnodeValue属性读取或设置指定节点的文本内容，适用于文本类型的节点；\ntextContent属性读取或设置指定节点的文本内容，对于元素节点而言，会返回所包含的所有子节点中的文本内容的组合。' ```

### react为什么需要事件绑定 - 当我们在react中将事件函数作为回调传递后，该函数是一个纯调用函数，而类声明和类表达式的主体以 严格模式 执行，所以会丢失this的指向，变为undefined，所以我们需要显示绑定函数的this指针指向当前构造函数或者类的实例函数 ### 为何使用箭头函数 - 箭头函数自己并没有this指针，而是引用上级作用域的上下文，在react的jsx语法中，箭头函数的上级作用域一般就是当前类实例或者构造函数

- 普通标签在body头部会阻塞dom渲染，因为js引擎会抢走渲染引擎的控制权 - defer标签 使用后会异步下载js，并且等dom渲染完毕后再顺序执行js，若是无序操作dom的js，应放在defer里 - async标签 使用后会异步下载js，但是他在下载完成后就会立即执行js，在此期间若dom未加载完也会阻塞渲染，并且不保证js的执行顺序，谁先下载完成谁执行

- 方法调用模式，当一个函数作为一个对象的属性被调用，this指向该对象 ```js var myObject = { name: 'myobj', myFunc: function() { console.log(this.name) // myobj } } myObject.myFunc() ``` - 函数调用模式，当一个函数并非一个对象的属性时，那么它就是被当做一个函数来调用的。当这个函数被调用时，this绑定到全局对象 ```js var name = 'window'; var myObject = {...

使用函数的方法调用模式改变this的指向，将被执行的函数作为传入上下文的属性被调用 ```js // call Function.prototype.myCall = function(content, ...args) { // 判断如果执行上下文为空，则置为全局环境变量，浏览器模式是window，node环境是global if(content === undefined || content === null) { content = window; } // 设置传入上下文的属性key，使用symbol防止重名 const key = Symbol(); //...