解析 snabbdom 源码 教你实现精简的 Virtual DOM 库
伴随 React 兴起， Virtual DOM 也越来越火，各种各样的实现，各个 UI 库的引入等等。snabbdom 就是 Virtual DOM 的一个简洁实现。不过在解读 snabbdo…
3.2 优化 CRP（一） Optimize Critical Rendering Path I
CRP 优化 CRP 的五个步骤：构造 DOM、构造 CSSOM、构造渲染树、计算布局、绘制屏幕。本篇讲了前两个的优化，以及如何计算 CRP 的数量来获得网页性能的…
Shadow DOM 301：高级概念 和 DOM API
本文将讨论更多有关 Shadow DOM 应用的精彩内容！文中内容基于在 Shadow DOM 101 和 Shadow DOM 201 中讨论的概念。 在 Chrome 中，开启 about:flags …
案例研究：找到通往奥兹的路
Find Your Way to Oz 是迪士尼在网络上推出的一项新的 Google Chrome 实验。 它使您可以通过堪萨斯马戏团进行互动之旅，在您被一场大风暴席卷后，将带…
关于事件处理的一些总结
假定我们有如下的 dom 结构 <div class="container"> <div class="article-list> <div class="article"> <h3 class="title">召开了大…
关于 DOM 你应该知道的
常用的节点有三类，分别是： element node text node attribute node 除此之外其他还可能包括 comment 等其他节点。 如下示例可以将三类节点一一对应…
前端开发之 DOM 元素
兼容性要求：兼容到 IE8 closestElement(element, className) 兼容实现返回从自身开始向上查找符合 className 的最近元素。 elementSiblings(element)…
JS DOM 的 attribute 与 property
前言 前阵子项目中出了点问题，其中就涉及了对 attribute 和 property 异同的理解，正好趁新年伊始再看一下。隐含二者差异的地方我会在着重标识。 DOM…
你可能不知道的 chrome 控制台：DOM 断点（属性、节点、内容变化监听）
你是否会遇到，当前页面内容变化了，但是却不知道哪个脚本影响了它？神奇的 chrome 控制台可以帮到你。 Subtree Modifications 子节点（内容、属性）…
JavaScript 标准 DOM Range 操作
2级 DOM 定义了一个 createRange() 方法，如果是按照DOM此标准的浏览器（IE 并不是支持此标准的，但是IE里的属性或方法却远比标准中定义的多得多），…
JavaScript 核心及实践 v0.9.9 alpha
大概很少有程序设计语言可以担当的起 优美 这两个字的，我们可以评论一个语言的语法简洁，代码可读性高（尽管这一点主要依赖于开发人员的水平，而并非…
