Ccccccindy

React16之前版本的Diff算法 react的更新过程包括新旧虚拟DOM树的对比过程和更新DOM过程。 16版本之前，是对比、更新同时进行，对比的过程采用递归的方式，技...

```js class EventEmitter { eventList = []; // 订阅事件 on(event, fn) { (this.eventList[eve...

只要记住js是单线程的，线程（js）是运行在浏览器这个进程环境中的更小单位。 进程是cpu资源分配的最小单位。 线程是运行在进程基础上的一次程序执行的最小单位，进程可以包含...

fiber其实是一个多进程并发的过程。 🔴并行可以是并发，而并发不一定是并行，两种不能划等号, 并行一般需要物理层面的支持 类比js的执行环境 因此，js存在一个缺陷，就...

见解有限，如有描述不当之处，请帮忙指出，如有错误，会及时修正。 最近恰好被问到这方面的问题，尝试整理后发现，这道题的覆盖面可以非常广，很适合作为一道承载知识体系的题目。 -...

见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

通过标题的提问引出对React、Vue2、Vue3的Diff算法对比，还有React Fiber的一些原理，以及为什么Vue中不需要使用Fiber...

tsc和babel都可以将ts编译成js。 tsc编译优缺点： 优点：ts自带的编译器，更好的编译所有的ts代码，比如type、enum、namespace等都可以识别，并...

typescript 给 javascript 扩展了类型的语法和语义，让 js 代码达到了静态类型语言级别的类型安全，之前只能在运行时发现的类...

编译 TypeScript 代码用什么编译器？ 那还用说，肯定是 ts 自带的 compiler 呀。 但其实 babel 也能编译 ts 代码，那用 babel 和 ts...

Tree-Shaking这个名词，很多前端coder已经耳熟能详了，它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的，因为日常开发经常需要引用各种库...

dependencies、devDependencies区别 他们之间的区别我看了很多篇文章，却也真是没看懂，于是自己写了一个npm包，才发现其中原理。 首先： 说起他们之...

2. 选择已有代码片段或创建代码片段（可以对现有的进行修改，也可以新建代码片段） 全局代码片段（每种语言环境下都能触发代码块）。 对应语言的局部代码片段（只能在对应语言环境...

前言 自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。为了讲清楚其中的原理，我会从零开始实现一个简易的微前端...

前言 自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。为了讲清楚其中的原理，我会从零开始实现一个简易的微前端...

我会从零开始实现一个简易的微前端框架，它的核心功能包括：渲染、JS沙箱、样式隔离、数据通信。由于内容太多，会根据功能分成四篇文章进行讲解，这是系列文章的第二篇：沙箱篇。...

前言 自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。为了讲清楚其中的原理，我会从零开始实现一个简易的微前端...

前言 MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。...

micro-app源码解读，分析框架内js隔离和css隔离具体做法: 整体流程是采用WebComponent自定义好micro-app组件 页面渲染时触发组件钩子attri...