07
2013
06

浏览器工作原理 - 如何构建渲染树

当Dom树构建完成时,浏览器开始构建另一棵树——渲染树。渲染树由元素显示序列中的可见元素组成,它是文档的可视化表示,构建这棵树是为了以正确的顺序绘制文档内容。

  Firefox将渲染树中的元素称为"frames",WebKit则用"renderer"或渲染对象来描述这些元素。

  一个渲染对象知道怎么布局及绘制自己及它的children。

  RenderObject是Webkit的渲染对象基类,它的定义如下:

07
2013
06

浏览器工作原理 - 如何处理脚本及样式表的顺序

之前讲了浏览器的HTML解析CSS解析。本文要讲的是关于浏览器如何处理脚本和样式表的顺序。

07
2013
06

浏览器工作原理 - CSS解析器

浏览器工作原理,我们很好奇CSS如何解析,还记得简介中提到的解析(浏览器解析原理的概念吗,不同于html,css属于上下文无关文法,可以用前面所描述的解析器来解析。Css规范定义了css的词法及语法文法。

  看一些例子:下面每个符号都由正则表达式定义了词法文法(词汇表):

06
2013
06

Javascript单元测试框架Qunit和Jasmine的比较

Javascript的单元测试,其实之前用的不多,TDD培训之后一直想用在正式项目中,但却被一次次失败和太麻烦放弃。虽然麻烦但单元测试的重要性是公认的,好的单元测试能保证产品的质量。如何写Javascript的单元测试,后面面再写关于这块的文章。今天讨论Javascript单元测试的框架。

工欲行其事必先利其器,好的单元测试框架是TDD成功的一半。Javascript优秀的测试框架很多, 包括Jasmine,Qunit,JsTestDriver,JSUnit,Mocha等,当然你也可以写自己的单元测试框架,本文主角是Jasmine和Qunit。

04
2013
06

百度和腾讯金山合作共同对付360

没有永远的朋友,也没有永远的敌人,只有永远的利益。

在生意场上体现的淋漓尽致,百度和360曾经合作火热,现在兵戎相见了。早些时候有报道腾讯、百度和金山联合起来与360对战,很火。今天突然使用百度时发现了一些表现,可以确定腾讯百度现在合作得很不错。看图:

腾讯电脑管家提醒您:该页面可能提供虚假Q币交易信息!

百度和腾讯金山合作共同对付360