「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 前言 现在越来越多的网站都提供了拥有换肤（切换主题）功能，如 ElementUI，无非是为了迎合用户需求，或是为了凸显自

如果你是 Vue2 的迁移者、学习 Vue3 或者是准备面试的话，相信看完本文一定会有所收获，加油！

1. 状态 1.1 什么是状态 状态表示的是要进行运动的元素在运动的不同时期所呈现的样式。 1.2 状态的种类 在 Angular 中，有三种类型的状态，分别为：void、*、custom

D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。 D3 提供了各种简单易用的函数，大大简化了 JavaScript 操…

1. 沙盒应该做什么 首先从沙盒对微前端乃至前端的意义开始讲起。沙盒对软件工程来说其概念不算是新鲜事物，仅看前端对隔离的需求也由来已久。并且根据不同的实际业务场景，已经有过非常多和有特色的探索。 一切都从 iframe 开始讲起了，反正是个看上去很美的解决方案。没有真的用过的人…

传统前端业务通常会根据业务线集成在一个站点上，随着业务复杂度上升，包体积会迅速变的过大。为了适应这个变化往往需要更多的开发者、更细粒度的团队组织。分组开发时大家的模块解耦到各自完成，上线时糅合在一起运行，产生出层出不穷的分支合并、代码回滚，都会造成合作效率的骤降。这正是头条号平…

可以很好地帮助理解，为什么我们需要通过 style 而不是 add/remove 来维持 dom 结构的稳定性，为什么需要给列表加 key 等。

1. 先进入 initMixin(Vue),在prototype上挂载 2. 进入 stateMixin(Vue),在prototype上挂载 3. 进入eventsMixin(Vue),在prototype上挂载 5. 最后进入renderMixin(Vue),在protot…