Codeeeee

本篇是以一步一步实现Vue的响应式-对象观测为基础，实现Vue中对数组的观测。 如果是直接修改属性值，那么跟对象是没有什么区别的，但是数组可以调用方法使其自身改变，这种情况，访问器属性setter是拦截不到的。因为改变的是数组的内容，而不是数组本身。 setter拦截不到，就会…

但是一直不明白生成器在实际开发的作用，下面一起来挖掘其可以解决哪些开发痛点。 我们定义了一个生成器函数去遍历树结点，只是遍历，并没有包含其它操作。执行生成器函数会返回一个迭代器，在生成器内部是可以控制每次迭代的值的，然后迭代器是可以使用for...of语法的，对于结点的处理就放…

平时开发中，Vue的响应式系统让我们不再去操作DOM，只需关心数据逻辑的处理，极大地降低了代码的复杂度。而响应式系统也是Vue的核心，作为开发者有必要了解其实现原理！ watch是平时开发中使用率非常高的功能，其目的是观测一个数据，当数据变化时执行我们预先定义的回调。使用方式如…

本篇将分析最后的catch、all、race方法。 首先是catch方法，回想下catch方法的使用方式，我们一般将其放在Promise链的最后，用来捕获拒绝的原因。因此，catch方法也应该定义在Promise的原型链上，我们来看其实现： 可以看到，catch方法就是一个低配…

很多时候，当打开浏览器的开发者工具，查看网络请求，对于资源大小（Size）选项，除了有具体的数字大小，还有from memory cache、from disk cache字段之类出现。 从字面意思理解，大概也能猜到，这些字段代表着缓存位置。 本质是作为服务器与客户端之间的代理…

element.offsetParent为包含element的祖先元素中，层级最近的定位元素。 position-inner是同时满足层级最近和定位两个条件的。 可以看到，滚动条包含在padding中，因此，offsetWidth与在无滚动条情况下，大小不变。 element左…

反正有现成的UI框架，然后就是对着文档写一些自定义标签、配置下属性、通过后端给的接口获取数据填充上... 这是最基本的配置，但Element-UI的Table组件本身还支持很多配置参数，这些配置若也在JSON中，也要正常作用。因此，template模板写法并不适用，或者说自由度…

印象里红皮书好像有提到过，但已经记不清有什么作用了，趁此机会学习下。 composition event，即复合事件，用于处理IME的输入序列。 IME（Input Method Editor，输入法编辑器）可以让用户输入在物理键盘上找不到的字符。 可以看到，首先输入法出现，触…

上次介绍了前端性能优化之防抖-debounce，这次来聊聊它的兄弟-节流。 再拿乘电梯的例子来说：坐过电梯的都知道，在电梯关门但未上升或下降的一小段时间内，如果有人从外面按开门按钮，电梯是会再开门的。要是电梯空间没有限制的话，那里面的人就一直在等。。。后来电梯工程师收到了好多投…