无敌小书包

响应式篇核心 基于数据驱动的思想，将数据变化反应到视图上，从而实现自动化视图更新。 基于代理模式的思想，使用Proxy对象进行数据代理，从而实现监听数据的读取和修改操作。 响应式数据与副作用函数 什么

vue中 watch API 清除过期的副作用 在这里就不过多说watch的用法了，主要了解一下如何清除过期的副作用 通过一个案例来说吧： 更新后的逻辑： 更新后执行流程就是： 第一次搜索数据一直没有

实现mini-webpack 好了就扯到这里，进入正题！ 要实现mini-webpack，肯定需要先知道webpack是什么。 引用官方文档的话。webpack 是一个用于现代 JavaScript

快速Diff算法 sDiff算法系列文章 简单Diff算法：传送门 双端Diff算法：传送门 预处理 前面讲到简单Diff算法和双端Diff算法，它们使用不一样的对比规则对虚拟节点的 type（元素

双端Diff算法 双端Diff在可以解决更多简单Diff算法处理不了的场景，且比简单Diff算法性能更好。本篇是以简单Diff算法的案例来展开的，不过没有了解简单Diff算法直接看双端Diff算法也是

简单Diff算法 核心Diff只关心新旧虚拟节点都存在一组子节点的情况 减少DOM操作 例子 如果直接去操作DOM，那么上面的更新需要6次DOM操作，卸载所有旧子节点，挂载所有新子节点。 但是观察上面

时间过得真快，跳槽已经半年，新公司摸鱼时间很多（虽然上一家也不是很忙🤣），不过也就偶尔玩玩手机，大多数闲的时间都在学习噢~ 新公司是大小周，周六去的那天只是值班不用干活，在公司那种环境下玩一天是很难的

主要用来当作一个个人笔记，分享的意味不大，因此内容描述也是用我自己习惯的方式，不喜勿怪。 生成器 - 迭代器 10 r1 { value: 20, done: false } res 20 r2 {

initElement 调用patch打补丁的时候，如果虚拟DOM的type属性是 string，那么这个虚拟DOM描述的则是一个HTML元素，调用processElement来处理。 process