其中dom-diff算法是虚拟dom的核心，重点，难点。 DOM 全称为“文档对象模型”（Document Object Model），JavaScript 操作网页的接口。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。 Vi…

相信很多同学在刚刚开始编写React的代码的时候, 都会在构造器中使用 bind 方法去绑定函数。可能刚刚开始大多人会以为这是在React中特有的操作, 其实不然, 这其实是跟JS函数的执行原理有关。随着时间的推移, 我们以前的写法已经不需要手动把函数去 bind this了,…

不知道你们有没有碰到这样的场景，打开开发的页面，却短时间难以找到对应的源文件。 这时你可能会想要是能有**点击页面按钮自动用编辑器打开对应文件**的功能，那该多好啊。

Nodejs是Commonjs的主要实践者，它有四个重要的环境变量为模块化提供支持。module、export、require、global。在实际的使用中，使用module.exports定义当前模块对外输出接口，用require加载模块。 Commonjs采用同步的方式进行…

做好前端开发不是件容易的事情，而比这更难的是扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品。本系列文章将描述一种趋势，可以将大型的前端项目分解成许多个小而易于管理的部分，也将讨论这种体系结构如何提高前端代码团队工作的有效性和效率。除了讨论各种好处和代价之外，我们…

最近打算改进一下现有网站的架构，微前端这个词多次进入了我的视野。 但是网上关于微前端文章总是说得似是而非，于是我找到这篇文章进行翻译。并大概理解微前端的理念。目前还没有确定是否使用微前端架构，因为看起来业界对最佳实践并没有达成一致。 译文开始，有删节。 把前端做好很难，让多个团…

肯定不是，在计算机行业发展，不管是前端亦或是后端，算法都是进阶的一个绊脚石，可以说不会算法永远也成不了一个合格的高级工程师，想要进大厂确实要会些算法，但是它并不只是为了面试，它和我们的程序是息息相关的，有人说前端不需要算法？你把大名鼎鼎的 虚拟DOM (Virtual DOM)…

在之前的一篇博文中主要阐述了前端权限控制的一种实现 —— 前端权限控制的基本实现。其中介绍了通过权限过滤实现动态地私有路由添加，那么在当前用户登出时，应该是要重置当前应用的用户数据的。那么全局的 vuex 状态可通过官方替换 store 的方法 replaceState 来实现…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…