虚拟DOM是随着时代发展而诞生的产物。在web早期，都是命令式的操作DOM，虽然简单好用，但是不会维护。现在，三大主流框架都是声明式的操作DOM，通过描述状态和DOM之间的映射关系，来渲染成视图。当某个状态发生改变时，如何只更新与这个状态相关联的DOM节点

创建动态脚本有两种方式：插入外部文件和直接插入Javascript代码。能够把CSS样式包含到HTML页面的元素有两个。其中<link>元素用于包含来自外部的文件，而<style>元素用于指定嵌入的样式；为了方便构建表格，HTML

核心：让这个dom获取焦点

Virtual Domvdom 是vue和react的核心vdom是什么东西，有什么用，为什么会存在vdom?vdom如何应用，核心API是什么?diff算法## 什么是vdom ##

因此，vue采用了Virtual DOM。虚拟DOM是将真实DOM数据抽取出来，以对象的形式模拟树形结构。diff的过程就是调用patch函数，比较新旧节点，一边比对一边给真实DOM打补丁。在采用diff算法比较新旧节点时，比较只会在同层级进行，不会跨层级

第1章：JavaScript 简史JavaScript 的起源JavaScript 是 Netscape 公司和 Sun 公司合作开发的。DOMDOM 是一套对文档的内容进行抽象和概念化的方法。浏览器战争今天，几乎所有的浏览器都内置了对 DOM 的支持，

文档对象模型或“DOM”是网页的接口。它本质上是页面的API，允许程序读取和操作页面的内容，结构和样式。浏览器如何从源HTML文档转到在视口中显示样式化和交互式页面称为“关键渲染路径”。第一阶段涉及浏览器解析文档以确定最终将在页面上呈现的内容，第二阶段涉及

0x000 概述不到必要不要在React中访问Dom，尝试使用React的思想去解决问题。0x001 时机在React中，并不是任何时候都可以访问Dom的，需要讲究时机。因为React中的组件存在生命周期，必须要在Dom 挂载之后的生命周期才能访问到Dom

阅读 React 源码是一个非常艰辛的过程，在学习过程中给我帮助最大的就是这个系列文章。作者对代码的调用关系梳理得非常清楚，而且还有配图帮助理解，非常值得一读。站在巨人的肩膀之上，我尝试再加入自己的理解，希望对有志于学习 React 源码的读者带来一点启发

cloneNode;5.删除节点删除某个节点的子节点 node是要删除的节点。通过这个方法，就可以在 IE和 Mozilla 完成正确的操作。nodeType 属性可返回节点的类型.最重要的节点类型是：元素类型 节点类型元素element 1属

updateComponent方法实际会操作两件事：在前一个props和下一个props的基础上，更新DOM属性和更新DOM的子元素。

virtual dom什么是virtual domvirtual dom的本质是一个用来映射真实dom的JavaScript对象，比如。}通过一个vnode对象去对应一个dom元素，vnode的属性对应反映dom元素的属性。然后我们可以定义一个toVnod

对于 swiper，只要做过轮播图的童鞋应该都再熟悉不过了。这是一个很强大的图片轮播插件，本身无任何第三方库依赖，即插即用。api 文档很清晰，所以很快能够上手。但是，再好的插件也会出现令人不愉快的地方，当然，今天所讨论的并不是插件本身的问题，只是开发者是

Vue中的字符串模板1、HTML模板和字符串模板HTML模板：直接在HTML页面挂载的模板,就是原先写在页面上的，能被浏览器识别的HTML结构，会在一加载就被浏览器渲染，然后js获取dom节点的内容，形成dom模板。所以，当使用的不是字符串模板时，came

Web应用程序在客户端越来越重要，原因很多，比如需要更丰富的用户界面来容纳更复杂的应用程序必须提供的功能，实时计算等等。复杂性的增加使得在Web应用程序的生命周期中的每个特定时刻都很难知道UI的确切状态。如果你正在构建某种框架或仅仅是一个库，这会变得更加困

写这篇文章的初衷是想总结自己的学习经验，希望对看到的人有所帮助，如有错误，请您指出，以免误人子弟，十分感谢！现在前端比较流行的框架有 Vue、React、Angular三种。个人比较看好Vue，性能强大，而且可学性很强，比较适合新手学习。首先vue是一款轻

Babel解析JSXh函数将解析后JSX节点转成虚拟DOMrender函数把它转成真实的节点这里的render函数，其实没有我们写的那么简单.熟悉react渲染机制的人，都会知道，在state/props发生改变的时候，重新渲染所有的节点，构造出新的虚拟D

Vitual DOM是一种虚拟dom技术，本质上是基于javascript实现的，相对于dom对象，javascript对象更简单，处理速度更快，dom树的结构，属性信息都可以很容易的用javascript对象来表示：。VNode生成最关键的点是通过ren

JavaScript事件流0.DOM级别与DOM事件首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM，我们的DOM事件处理方式也是不一样的。DOM级别一共可以分为4个级别：DOM0级，DOM1级，DOM2级和DOM3级，而DOM