目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所以自己写了一份，本篇文…

置身世外只为暗中观察！！！Hello大家好，我是魔王哪吒！重学巩固你的Vuejs知识体系，如果有哪些知识点遗漏，还望在评论中说明，让我可以及时更新本篇内容知识体系。欢迎点赞收藏！ 插值语法：Mustache，v-once，v-html，v-text，v-pre，v-block。…

中, 有一个 React.useReducer, 他是 redux 中 reducer 概念在 Hooks API 上的体现. 本文将展示, 在不引入单独的的 redux 库的情况下, 如何用 .useReducer 将你已有的 reducer 为新的 React App 提供…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

在我的上上篇提到vue是异步渲染页面的。当我们想要获取页面被渲染之后的值的时候，由于宏任务执行的比较慢，所以如果能在微任务中获取会更好。Vue给我们提供了两种函数: vm.\$nextTick和Vue.nextTick。 在页面重新渲染、DOM更新后，VUE会立刻执行$next…

因为感觉对这几个观察者映射理解不够充分，所以找到了一个神奇的网站。它可以帮助你充分分辨这些 map。 首先我们以这两个源为标准。 现在，我们把A和B两个源做一个 乘法操作，也就是源A的每一个输出，都跟源B的每一个输出做乘法。 首先我们定义一下我们的源。 把上面的代码复制到神奇的…

vue是一门渐进式的javascript框架。所谓的渐进式就是：从中心的的视图层渲染开始向外扩散的构建工具层。这过程会经历：视图层渲染->组件机制->路由机制->状态管理->构建工具；五个层级。 特点：易用，灵活，高效，入门门槛低。 前者是将DOM创建和删除后者则是改变disp…