之前面试的大佬问我关于重排重绘的原理和具体操作，一下子把我问蒙了。回家便默默地把问题记下来，仔细总结……在阅读了一些文章后，自己也有了一定的理解，所以分享给大家。希望大家也能耐心把这篇文章看完，认真思考，彻底掌握这个知识点！ 5.将布局绘制(paint)在屏幕上，显示出整个页面…

先上个图，这一篇目的主要是希望各位对vue内部运行机制有个全局的认识。之后再一一详细介绍其各自的原理。 在执行new Vue()后，vue 会执行一个init()的方法,这里的初始化包括生命周期、事件、props、data、methods、computed、watch,以及对所…

本文由浅入深说明webpack一些配置，目的旨在加强对webpack配置理解及一些工作原理和分析...

记得我第一次接触ES6，还是在大学写JavaEE的时候。当时由于需要做个后端管理系统，所以临时找了一些培训视频资源学了一下前端基础和vue框架。通过那个视频资料，我学会了一些简单的ES6知识，比如用let和const声明变量，解构赋值、模板字符串、可变参数等等。 之后由于一些故…

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

众所周知在 python 中装饰器的应用非常广泛， 在 java 中也有类似的技术。然而，在javascript中 装饰器还处于提案阶段，但这丝毫不影响我们使用它。我司已经在生产环境上大面积使用（真香）。可以说，装饰器是我们的神器。著名的框架 Augular中也用到了装饰器。n…

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是一个数列，数与数之间用逗号或者空白隔开，指定短划线(50px)和缺口(50px)的长度。 设置 strok…

entry是整个配置文件的入口，没有之一。 entry有两种入口，四种配置。 既然有入口，那就肯定有出口啦！就好像人，要吃饭也要拉*。这里的出口就是打包好的东西要把它放在哪里。 module.rules就是loader的配置位置，loader用于解决一些代码的兼容性。 plug…

最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下： 团队再出一篇必读文档，必须要求每位同学，先读再写。 因此便有了此文。 …