以前听到“虚拟列表”感觉非常的高大上，直到我弄清楚它的原理，发现它是如此的简单！虚拟列表是指对列表的“可视区域”进行渲染，对“非可见区域”不渲染或部分渲染，从而极大提高渲染性能的一种技术。

使用Element框架的Loading组件，在发请求时全屏弹出loading层要几行代码？也许一行都不需要。

当在代码中更新了数据，并希望等到对应的Dom更新之后，再执行一些逻辑。这时，我们就会用到$nextTick 官方文档对nex Tick......

相信很多正在用 element-ui 组件的同学，都会用到过 el-form 表单组件，这个组件帮助我们完成了表单验证和表单提交功能，但是在用的时候，会发现一些不方便的地方，比如说验证规则无法复用。

不同于面向对象编程（OOP）中通过抽象出各种对象并注重其间的解耦问题等，函数式编程（FP） 聚焦最小的单项操作，将复杂任务变成一次次 f(x) = y 式的函数运算叠加。函数是 FP 中的一等公民（First-class object），可以被当成函数参数或被函数返回；同时，这…

首先 ensureRenderer() 调用 createRenderer 方法创建了一个平台相关的渲染器，在本例中就是浏览器环境。参数 rendererOptions 包含了浏览器的一些 dom 操作方法，如 insert、 remove 等。渲染器主要包括两个方法 rend…

很多同学可能已经发现，当业务或者团队初具规模时，常常会遇到以下场景：我在解决业务需求的时候，写了一个非常酷炫的工具或者算法，我认为它在别的项目中也有适用场景。所以，作为一个对技术有追求的页面仔，我决定把它抽离出来并发布到 npm 上，方便别的同学直接引用，用得好的话还可以在全公…

狸猫换太子装饰器模式咱们闲言少叙，言归正传。装饰器模式是设计模式的一种，是为已有功能动态的添加更多功能的一种方式。重点体现了设计模式六大原则之中的单一职责原则和开闭原则。单一职责很好理解，就是专心，就

项目变的越来越庞大时，记住一个变量描述的具体是什么也是一件很困难的事，可能需要我们不停的去查找类型的定义，事实上 ts 可以很好的解决这个问题，虽然一开始的类型定义稍显繁琐，但是他带来的类型提示、代码补全等会让我们觉得这份工作量是值得的。 这可能是类型系统一个比较大的优势了，之…