1.应该在何时创建BScroll对象1）created : 中请求数据，ajax是异步的，这个时候可能mounted已经执行完了，也就是dom挂载完了，但数据还没请求回来，无法获取到内部元素高度. 无法渲染内部元素，无法滚动2）updated:数据发

原文链接原文写于 2015-07-31，虽然时间比较久远，但是对于我们理解虚拟 DOM 和 view 层之间的关系还是有很积极的作用的。React 是 JavaScript 社区的新成员，尽管 JSX 存在一定的争议，但是对于虚拟 DOM 人们有不一样的看

error TS2339: Property 'style' does not exist on type 'Element'.但是并不影响功能

前言React的虚拟Dom和其diff算法，是React渲染效率远远高于传统dom操作渲染效率的主要原因。一方面，虚拟Dom的存在，使得在操作Dom时，不再直接操作页面Dom，而是对虚拟Dom进行相关操作运算。再通过运算结果，结合diff算法，得出变更过的

React总结入门特点DeclarativeComponent-BasedLearn Once, Write Anywhere高效高效原因虚拟DOM, 不总是直接操作DOMDOM Diff算法, 最小化页面重绘, 减少重排重绘的次数使用相关js库react

DOM操作本身应该是同步的DOM操作之后导致的渲染等是异步的证明存在异步DOM从操作到渲染结束，我想先用一个具体的例子来说明。我们看见浏览器报错了，因此，如果DOM操作是异步的，在没有添加延迟的时候不应该是什么都没有绘制出来，而是应该报错，因此DOM是同步

前言在复习事件这块的时候，发现了一个问题，网上很多文章对事件阻止这块解析的并不全面，并且有些文章也有错误之处，于是想自己总结一下，也方便自己的复习。由div->body->html->document事件捕获：不太具体的节点应该更早接收到

前端DOM知识点DOM即文档对象模型是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。DOM把网页和脚本以及其他的编程语言联系起来。DOM属于浏览器的，而非JavaScript语言规范里规定的核心内

要构建自己的虚拟DOM，需要知道两件事。你甚至不需要深入 React 的源代码或者深入任何其他虚拟DOM实现的源代码，因为它们是如此庞大和复杂——但实际上，虚拟DOM的主要部分只需不到50行代码。Virtual DOM 是真实DOM的映射当虚拟 DOM 树

今天遇到一个一直认为很简单的问题，真正接手后才知道这么可怕大体是这样的，默认动态加载的card应该是自动向下，当card遇到页面最下面应该自动向上渲染。动态生成的DOM都是根据id来监听获取元素的信息。坑3：调研一下$nextTick()函数，DOM更新后

需求本身并不难，不过想把这个东西做得通用一些，也就是以后再有别的页面需要加导航，不用再重新写很复杂的逻辑了。下面说一下具体实现思路，并且文末会给出简便易用的导航生成工具。竟然是给标题元素加了一个带有id属性的a标签的子节点。

背景Vue在2.0版本引入了虚拟DOM。其了虚拟DOM算法是基于snabbdom算法所做的修改。要想了解Vue，必须了解虚拟DOM，本篇文章主要介绍了什么是虚拟DOM，为什么用虚拟DOM以及其具体实现。这样只需要对树进行一次遍历，便能完成整个DOM树的比较

需求在开发过程中遇到这么一个需求，h5页面需要将一个html dom转化成图片，便于用户保存。面向百度搜索第三方得 html2canvas 和 dom-to-image两者在写这篇笔记之前在github上的星星数分别是。自己动手思路利用canvas的toD

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

Document对象是DOM的基本规范也是重要的对象之一，以访问，更新页面内容的属性和方法通过conslie。log()方法来Document对象打印，测试该对象的属性和方法。</body>getElementsByName()方法name是参

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。HTML DOM 当网页被加载时，浏览器会创建页面的文档对象模型。HTML DOM 模型被构造为对象的树：通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态

本文档对象模型允许访问所有的文档内容和修改，由万维网联合会规范。几乎所有的现代浏览器都支持这种模式。在W3C DOM规范的大部分传统DOM的功能，而且还增加了新的重要的功能。除了支持forms[ ], images[ ]和文档对象的其它数组属性，它定义了方

box.style.height; // 200px;// PS:style获取只能取到行内style属性的CSS样式中的宽和高,如果有,则获取;如果没有则返回空;style.width; // 200px;// PS:通过计算获取元素的大小,无关是行内/

浏览器的事件模型分两种：捕获型事件和冒泡型事件。由于ie不支持捕获型事件，所以以下主要以冒泡型事件作为讲解。冒泡型指事件安装最特定的事件到最不特定的事件逐一触发。</script>以上三个函数都添加了onclick函数，单机p元素后三个函数都触

= 0) { oP[len - 1].parentNode.removeChild; //这里最好使用节点的parentNode特性来删除 } else { alert("已经全部删除！