皮蛋很白的博客

HTML attribute 和 DOM propertyVue 的 render 函数中的h方法用于创建虚拟DOM。其中设置DOM属性的选项有两种：attrs 用于设置HTML定义的 attributedomProps 用于设置DOM定义的property官方文档attribute 和 property的关系少量 HTML attribute 和 DOM property 之间有着1:1的映射，如：id有些没有，如 colspan(attribute)、textContent(pro

Snabbdom 源码解析核心源码解析如何学习源码先宏观了解：学习库的核心执行过程带着目标看源码，比如：VNode是如何创建的VNode是如何渲染成真实DOM的看源码的过程要不求甚解看源码的过程要围绕核心目标因为一个开源项目的功能会非常的多，代码分支逻辑会非常的多，分支会干扰看源码要先把主线逻辑走通，涉及分支的部分可以先不看这样可以提高源码的阅读速度调试一旦主线逻辑走通，可以写一个小Demo，对代码进行调试，加深理解参考资料在看源码之前，可以看别人写的文章

Snabbdom接口介绍（Snabbdom@1.0.1）官方文档当前snabbdom版本为 @1.0.1。接口介绍在官方文档的基础上做扩展，新版本接口使用基本和@0.7.4差不多。Snabbdom的核心只提供最基本的功能。更多功能可以通过“模块”扩展。Snabbdom用于扩展的“模块”，类似于插件。可以自定义。导入官方提供的导入snabbdom的示例是：import { init } from 'snabbdom/init'import { classModule } from 'snab

Virtual DOM 的实现原理Virtual DOM：虚拟DOM。学习目标：了解什么是虚拟DOM，Vue和React内部为什么使用虚拟DOM（虚拟DOM的作用）Vue内部的虚拟DOM是基于Snabbdom库改造的。Snabbdom的基本使用Snabbdom的源码解析通过源码解析更好的了解虚拟DOM的工作原理什么是Virtual DOMVirtual DOM（虚拟DOM），是由普通的 JS 对象来描述DOM对象，因为不是真实的DOM对象，所以叫 Virtual DOM。