Mr栋

rollup 打包原理 前言 上一篇文章已对rollup具体使用做了详细的介绍，这篇文章学习下rollup原理。由于篇幅有限，拉取了rollup最初版本的代码（0.3.0版本）。我的目的是学习 rol

Virtual DOM的概念相信大家都不会陌生，Vritual DOM是相对与DOM(文档对象模型)来说的，MDN上关于DOM的定义：“DOM模型用一个逻辑树来表示一个文档，树的每个分支的终点都是一个节点(node)，每个节点都包含着对象(objects)。DOM的方法(met…

Code Splitting就是把代码分成很多个小块(chunk)，需要某部分代码的时候再去加载，减小了页面首屏进来加载很大一个js文件的压力，另外拆分成小块还能更好的利用浏览器缓存，下次再用到的话直接从浏览器缓存中读取。 Suspense类似于一个错误捕获器，允许定义一个fa…

React16.6于2018年10月份发布，该版本带来了许多新的特性同时赋予给React更强大的功能。其中最为显著的两个特性是 React.Suspense和 React.lazy。这两个特性，将React的代码分割和懒加载带到了一个新的高度。使用这两个特性，你可以做到的是在真…

在现在的前端面试环节中，第二名和最后一名其实没有区别，因为他们只要第一名。所以在每一个问题上都回答到100分就变得非常重要了！

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

文章重点讲的是贴合实际场景把灰度方案落地，也列了一些常见的灰度发布方案做比较，在文章结尾给大家留了一些相关的代码，方案千千万，选择自己业务场景符合最重要

DOM 树构建的同时，渲染引擎也在构建 render 树。 render 树是 HTML 文档的可视化表现，是由可视化元素按顺序展示组成的。换句话说 render 树和 DOM 树上的节点并非一一对应的，那这里有两个概念：可视化元素和非可视化元素。 非可视化元素：或是<head…

解析器根据解析语法的顺序不同可分为两类。 自上而下解析器：从语法高层结构开始出发，尝试从中找到匹配的结构。用点人话说就是解析器先匹配高级的语法部分，然后慢慢降级匹配。 还是我们上述的例子（2+3-1），解析器将 2 + 3 标记为表达式，2 + 3 - 1标记为表达式，而不是先…