1h

使用Chrome Dev Tools Performance 工具对页面进行性能分析时，出现一些关键的 Web 性能指标的标记点。网站的三大性能指标：LCP、FID 和 CLS。

webpack4 持久化缓存 hash、chunkhash 和 contenthash 的区别 chunkId namedModules namedChunks

异步更新渲染试图，内部实现兼容了各个浏览器的微任务和宏任务方法。可单独调用，也存在于queueWatcher方法中。 computed：计算属性，同步执行，具有缓存作用，只有绑定的依赖发生变化时 ，才会更新，重新求值。 在Watcher类中，将判断传入options中的lazy…

手撕ref

在vue初始化的时候，会触发initData函数，拿到this.$option.data值，此时的data并不是一个对象，而是函数，需要通过getData将其转成对象的形式，在根据在methods、props是否已经有申明了data对象的值，对其进行校验，之后就是通过obser…

这里采用函数式组件渲染，在render函数中已经没有this这些属性，只有上下文ctx，可以从ctx中获取需要的属性及方法。详细地参考vue函数渲染

整体思路： form.vue组件包含rules、fieldList，formItem.vue组件包含filename，label，input.vue包含 value,将input.vue组件中的input,blur, foucs事件emit到formItem.vue组件中，fo…

链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。 特点：插入的时间复杂度O(1),比线性表快得多，但是查找需要O(n),而线性表和顺序表相应的时间而线性表和顺序表相应的时间复杂度分别是O(logn)和O(1)。

显然，这种原生的input文件需要借助jS的submit提交，还需要设置name属性，上传的类型为文件类型，有时候图片需要base64或者blob就需要自行解决了。 普通青年的图片预览方式是待文件上传成功后，后台返回上传文件的url，然后把预览图片的img元素的src指向该ur…