zclee

可能在看到这个问题的第一眼，我们可能会想到这样的解决办法：获取 ul 元素，然后新建 li 元素，并设置好 li 的文本内容和监听器绑定，然后在循环里对 ul 进行 append 操作，即可能想到的是以下代码实现。 实践上述代码，我们发现界面体验很不友好，卡顿感严重。出现卡顿感…

在webpack4之前，提取公共代码都是通过一个叫CommonsChunkPlugin的插件来办到的。到了4以后，内置了一个一模一样的功能，而且起了一个好听的名字叫“优化” 好了，就写到这里吧，想必大家也看累了吧，辛苦大家了，哈哈。

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

解释了一下js的原型链，但感觉表达的不够清楚。发现心里明白是一回事，说明白又是另一回事啊 给一个function A一个function B，A中有属性手写实现B继承A。并做到尽可能优化的继承实现 当时准备写一下寄生组合式的继承方式，不过手写过程中貌似写错不少内容，手写代码能力…

做前端开发有一段时间了，在这段时间里面，对于自己的要求，不仅仅是项目能完成，功能正常使用这一层面上。还尽力的研究怎么写出优雅的代码，性能更好，维护性更强的代码，通俗一点就是重构。这篇文章算是我一个小记录，在此分享一下。该文章主要针对介绍，例子也简单，深入复杂的例子等以后有适合的…

下一代打包工具，这是rollup对自己的定位。如今的前端领域，构建工具并不缺少，每个前端工程师都用过或者听过webpack。可以看到的是像React、Vue等框架的构建工具使用的都是rollup。既然如此，这些框架为什么会选择rollup？它的特性是什么？面对不同场景，我们要怎…

nginx 开启 gzip 后加载速度已明显提升。。。 基于 React 的超高仿豆瓣电影 PC 版，实现了 主页，电影页，人物页，排行榜，短评页，长评页，影讯&购票页，分类页，排行榜页，搜索页，404 页。 store vs. state 本项目有一个很大的（特）缺点就是所有…

变量提升（Hoisting）被认为是， Javascript 中执行上下文 （特别是创建和执行阶段）工作方式的一种认识。具体表现就是所有通过 var 声明的变量会提升到当前作用域的最前面。 可以看到用 var 声明了的并不会报错。因为其实函数 bar 等同于 大多数类 C 语言…