初澈chuche

在做项目的时候，需要用到树形下拉框以供用户选择，发现elementui的下拉框select组件不支持树形数据。于是在上网收集资料后，参考文章https://zhuanlan.zhihu.com/p/4

js脚本会阻塞页面的渲染，浏览器从上到下解析html文档并渲染，遇到js脚本，会将渲染线程挂起，以去执行js脚本。 所以为了防止页面加载js脚本被阻塞，导致网站出现大量的空白时间。可以采用异步加载js

for...in...遍历可枚举对象，得到可枚举对象的属性值。而for...of...遍历可迭代对象，得到可迭代对象的值（注意是值，不是属性值）。如下例中，采用两种方式遍历数组。 可枚举对象VS可迭代

Http1.0：tcp是短链接，连接成功使用后，就断开连接（每次建立连接需要花费时间，造成延迟） HTTP1.1：长连接：一个TCP连接上可以传送多个HTTP请求和响应 HTTP2.0：长连接+多路复

ajax通过异步的方式向服务器发送数据。利用`xmlHttpRequest`对象向服务器发送请求，然后浏览器继续做其它的事，等服务器返回响应内容后，再利用javscript操作DOM从而更新页面

用于获取一个对象的原型对象 每个对象都有一个__proto__属性，指向该对象的原型对象，是每个对象独有的属性。__proto__的使用从而形成原型链 Object.prototype是所有对象所共有

* 防抖和节流可以避免频繁触发事件导致页面性能下降 * 防抖（debounce）：防止单位事件内，事件触发多次。 * 代码实现重在重新计时。 * 业务场景：比如用户重复点击登录按钮，使用防抖，可减少发

Generator 1. 是什么？ 生成器函数，返回的是迭代器对象。 可通过调用迭代器对象iter.next（）方法继续函数的执行。通过yield关键字暂停函数的执行 2. 语法 使用function

异步编程的解决方案，链式操作降低编码难度，代码可读性强 状态 promise对象有三种状态： pending（进行中） fulfilled（已成功） rejected（已失败） 特点： 对象的状态不受