【译】CSSOM介绍

原文链接:点击 作者:Patrick Sexton 什么是CSSOM? CSSOM是CSS Object Model的缩写 大体上来说,CSSOM是一个建立在web页面上的 CSS 样式的映射 它和DOM类似,但是只针对CSS而不是HTML 浏览器将DOM和CSSOM结合来渲染web页面 CSSOM对于页面渲染起着至关重要的作用。 CSSOM是critical rendering path的基本和核心,并且,它会有助于我们理解web性能优化中的原理。 CSSOM是做什么的? CSSOM将样式表中的规则映射到页面对应的元素上。 虽然CSSOM采取了复杂的措施来做这件事,但是CSSOM最终的功能还是将样式映射到它们应该对应的元素上去。 更确切地说,CSSOM识别tokens并把这些tokens转换成一个树结构上的对应的结点。所有结点以及它们所关联的页面中的样式就是所谓的CSS Object Model ...

2017年2月16日 · 1 分钟 · Xinyu

谈一谈JavaScript继承

最近在复习一些JavaScript基础的东西,碰到js的原型和继承这一块总是感觉不悟其中精髓。因此,这篇文章算是从我自己理解的角度对js继承进行总结和剖析。 什么是继承 大多数人使用继承不外乎是为了获得这两点好处,代码的抽象和代码的复用。 代码的抽象就不用说了,交通工具和汽车这类的例子数不胜数,在传统的OO语言中(比如Java),代码的抽象更多的是使用接口(interface)来实现,而使用继承更多地是为了代码的复用(虽然现在强调使用组合而不是使用继承)。 怎么复用的?打个比方,class A 继承了 class B,class A便拥有了class B 的public 和 protected类型的变量和方法,用最简单的方法去想,便是 class B 将 这些属性和方法直接copy给class A,这样便实现了继承。 因此我们可以这样说,继承实际上是一种类与类之间的copy行为。 ...

2017年2月10日 · 2 分钟 · Xinyu