地球外地人

vue2.x 中的 key key 的类型为显示的定义为 string number symbol undefined react 中的 key 只允许 string 和 ...

在两年前，我粗略地学习过 react-redux，当时不禁为其精巧的设计感到惊艳。 现在开发的过程中，已经全量地替换成了 recoil，这自然也值得好好学习，recoil到...

钉钉业务体量已达亿级，钉钉技术的服务端、客户端等的数据模型和接口已达到极高的复杂度。面对多样的客户端和技术栈IO环境，我们采用了IDL(interface descript...

本文讲的会讲述热更新的每个流程，主要的作用是什么，还有这些流程是怎么串起来的，目的是帮助大家对热更新的流程有个基本的了解。...

`react` 的 整个执行过程就好像是一个浏览器的生命循环，开始之后，就会不停地循环，直到当前的任务队列运行结束...

`tree-shaking` 和 `import(xxxx)` 会不会产生某种化学反应， 学习webpack 的树摇功能和 动态导入 功能，遇到疑惑的尝试记录...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

浅读webpack4，并以代码的方式整理整体的打包流程。 webpack 代码之难读，可以说在我读过的源码里面也是前几 究其原因，就是里面大量应用了 发布订阅模式 ，强依赖...

​ 你或许会说 没什么区别，就是 @input :value 的 语法糖，最多就是 处理的逻辑多了一点 但是 看一下截图中 箭头 所指的地方 没错，你会发现 这里 绑定了 ...

1、vue 的 入口 ​ 2、Vue.prototype._init 3. initState 4、initData 5、observe 6、数组的响应式处理 7、对象的响...

1、入口 $mount ![] 2、compileToFunctions  3、baseCompile 编译优化 模板的过程 4、optimize 优化抽象语法树，给其 增...

![] 1、patch 函数 2、patchVnode 函数 ![] 3、createElm，将 vnode 转换为 真实的 dom 节点...

一直不想写 vue diff 的过程，因为 这一块网络上讲的人实在是太多了，这里写了也只不过是拾人牙慧罢了，但是不写吧，又觉得心痒痒的，毕竟前面写了一篇...

1、上手 ​ 2、API  学习 ①、setup函数 ②、ref 和 reactive ③、computed、readonly、watch、watchEffect ④、生命...

​ 1、patchChildren，diff 函数的入口 2、diff 中的辅助函数 2.1 normalizeVNode 创建 vnode 2.2 cloneIfMoun...

在 **vue3.0** 中，让人津津乐道的功能之一，就是静态提升功能了，这里就来简单学习一下这方面的源码...

react 源码中 的 diff 以及 对 key 的使用，无论是在 vue 还是 react 中，使用 key 都是一个 必须面对的问题，最近就对 react 的key ...