事件 节点 文档

dom API scrollToElement scrollToElement(ref, options) getComponentRect getComponentRect(ref, callback) getLayoutDirection 0.20.0+ getLayoutDirection(ref, callback) addRule ...

内建 shadow DOM Shadow tree 封装 参考 总结 Shadow DOM 为封装而生。它可以让一个组件拥有自己的「影子」DOM 树，这个 DOM 树不能在主文档中被任意访问，可能拥有局部样式规则，还有其他特性。 内建 shadow DOM 你是否曾经思考过复杂的浏览器控件是如何被创建和添加样式的？ 比如 <input t...

DOM Manipulation DOM Manipulation Another class of functions that is often considered difficult to test is code that directly manipulates the DOM. Let’s see how we can test the...

更新DOM 练习 读后有收获可以支付宝请作者喝咖啡，读后有疑问请加微信群讨论： 更新DOM 拿到一个DOM节点后，我们可以对它进行更新。 可以直接修改节点的文本，方法有两种： 一种是修改innerHTML 属性，这个方式非常强大，不但可以修改一个DOM节点的文本内容，还可以直接通过HTML片段修改DOM节点内部的子树： // 获取<p id...

DOM编程 DOM访问 DOM操作 DOM编程 操作页面的DOM树是在客户端JavaScript编程中最普遍的行为。这也是导致开发者头疼的最主要原因（这也导致了JavaScript名声不好），因为DOM方法在不同的浏览器中实现得有很多差异。这也是为什么使用一个抽象了浏览器差异的JavaScript库能显著提高开发速度的原因。 我们来看一些在访问...

DOM 操作 DOM 操作 Another class of functions that is often considered difficult to test is code that directly manipulates the DOM. Another class of functions that is often considere...

DOM 操作 findDOMNode() Refs 总结 注意事项 DOM 操作 大部分情况下你不需要通过查询 DOM 元素去更新组件的UI，你只要关注设置组件的状态（setState ）。但是可能在某些情况下你确实需要直接操作 DOM。 首先我们要了解 ReactDOM.render 组件返回的是什么？ 它会返回对组件的引用也就是组件...

Virtual DOM Virtual DOM Virtual DOM （虚拟DOM）是Nerv 从React 上继承的一项非常优秀的技术思想。 DOM，文档对象模型，它是JavaScript与页面元素交互的桥梁，可以让我们使用JavaScript去方便地修改、添加页面元素。但我们都知道，直接操作DOM性能较差，人为去操作DOM可能会产生一些性能糟...

DOM 操作 DOM 操作 另一类通常被认为很难进行测试的功能是直接对DOM进行操作的代码。 Another class of functions that is often considered difficult to test is code that directly manipulates the DOM. Let’s see how we ...