《Vuejs设计与实现》全文

大家好， 我是云牧，今天说最后一章，同构渲染，这章会对比 csr、ssr以及同构渲染的区别，以及同构渲染的原理和注意事项。

大家好，我是云牧，继续说 vuejs 编译优化，设计静态节点缓存，静态提升，预字符串话，缓存内联事件处理函数，v-once 等内容。

大家好，我是云牧，继续说解析器，不同文本对解析器行为会产生的影响，如何使用构建模板 ast，如何解析标签，属性，插值和注释。

大家好，我是云牧，今天说 vue 编译器，它涉及模板的 dsl 设计、各种 ast 的转换以及最后的渲染函数代码生成。

大家好，我是云牧，今天要说的内置组件、比如 KeepAlive、Teleport、Transition 的作用和实现原理。

大家好，我是云牧，今天要说的是异步组件和函数式组件，关于异步组件如何设计封装，以及函数式组件的优越性。

大家好，我是云牧，今天说 vue 组件化，包含其状态更新、生命周期、setup、emit事件及插槽等。

大家好，我是云牧，今天要说的是 diff 算法里面的快速 diff，它会经过一层预处理，然后结合最长递增子序列优化子节点更新。

大家好，我是云牧，本章说双端 Diff 算法的作用和实现思路。即先比较头尾，再比较剩余的子节点以加快更新。

大家好，我是云牧，本章说 简单 Diff 算法的作用和实现思路。Diff算法通过比较新旧两组子节点,最大程度复用DOM元素,减少不必要的DOM操作。

本章主要讨论了渲染器的核心功能-挂载和更新,包括挂载子节点、处理节点属性、事件处理、更新子节点等。作者详细探讨了HTML Attributes和DOM Properties的区别,以及相应的处理方式。

本文阐述了渲染器与响应系统的关系,利用响应系统的能力可以在数据变化时自动触发重渲染。然后介绍了渲染器的基本概念，它的作用是将虚拟DOM转换为特定平台的实际元素。最后，实现自定义渲染器的例子。

原始值无法直接实现响应式,需要通过ref函数将其包装成响应式对象。ref既可实现原始值的响应式,也可解决响应丢失问题。为区分ref对象,定义了__v_isRef标识。还可自动解包ref,简化代码编写。

本文主要讨论了非原始值的响应式实现,包括使用 Proxy 对对象、数组、Set、Map等进行响应式代理,实现属性的追踪和响应触发。同时讲解了深浅响应、只读数据、避免数据污染、合理触发响应等问题。

大家好，我是云牧，今天继续精读 Vuejs 设计与实现这本书，要说的是 vue 的响应式原理，看看 vue 是如何基于 proxy 实现各种响应式 api。

大家好，我是云牧，这次分享的是 vuejs 设计与实现第一篇内容，包含 vuejs 设计的核心要素和思路，以及如何做权衡。

大家好，我是云牧，我们继续来说《你不知道的JavaScript（上卷）》第二部分，主要阐述 this 和 原型及对象的奥秘。

大家好，我是云牧，不知道的JavaScript作为一代神书，我们有必要学习下，这篇主要介绍作用域、闭包、变量提升等关键概念，揭示JavaScript编程之奥秘。