网络进程获取到html，UI进程创建渲染进程，渲染进程创建DOM tree，CSSOM tree、Layout tree、绘制、Layer tree、合成进程分块、栅格进程进行栅格化，合成进程合成帧

前言 本文会以第一人称视角带大家读源码。简单易懂，大佬小白都能看明白。并收获益处。欢迎 react 用户来怼！

前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来;

那么我们的深入响应式原理介绍会以initState()方法开始，逐步分析Vue中响应式的原理，下面这张图可以很好的展示响应式的原理。 obj：要定义其属性的对象。 key：要定义或修改属性的名称。 descriptor：要定义或修改属性的描述符。 其中descriptor有很多…

前阵子重构了一个挺有意思的项目，是一个基于浏览器环境的数据采集sdk。公司各个产品的前端页面中都嵌入了这个sdk，用于采集用户的行为数据，上传到公司的大数据平台，为后续的运营决策分析提供数据支撑。 笔者接手这个项目的时候，前任开发者已经把功能都写差不多了。唯一需要做的就是做下模…

前端三大框架 Angular、React、Vue ，它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的，因此将前端路由原理进行了解和掌握是很有必要的，因为我们再使用的过程中也难免会遇到一些坑，一旦…

本文从一个简单的双向绑定开始，逐步升级到由defineProperty和Proxy分别实现的响应式系统，注重入手思路，抓住关键细节，希望能对你有所帮助。 以上就是一个简单的双向数据绑定，但显然是不足的，下面继续升级。 在Vue3版本来临前以defineProperty实现的数据…

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…

一. 灰度发布是什么？ 灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够以平滑过渡的方式呈现给用户，就像金丝雀的羽毛一样多种颜色平滑渐变。 三. 前端灰度发布的要素 如果逐步推送新功能，则必须有一种规则让用户按照某些特征分成不同的群体，这个规则可以是年…