当前排序:阅读数 按发布时间
目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers ...
本文试图回答一个古老的面试问题：当你在浏览器中输入google.com并且按下回车之后发生了什么？ 不过我们不再局限于平常的回答，而是想办法回答地尽可能具体，不遗漏任何细节。 这将是一个协作的过程，所以深入挖掘吧，并且帮助我们一起完善它。仍然有大量的细节等待着你来添加，欢迎向我们发送Pull...
Paul Irish是著名的前端开发工程师，同时他也是Chrome开发者关系团队成员，jQuery团队成员，Modernizr、 Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer。针对大家对WebKit的种种误解，他在自己的博客发表了《Web...
一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。 首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）...
在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘(redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程中将重绘和重排引发的...
看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因， 1）这篇文章太长了，阅读成本太大，不能一口气读完。 2）花了大力气读了这篇文章后可以了解很多，但似乎对工作没什么帮助。 ...
几乎每一个前端程序员都知道应该把script标签放在页面底部。关于这个经典的论述可以追溯到Nicholas的High Performance Javasript这本书的第一章Loading and Execution中，他之所以建议这么做是因为：Put all ...
英文原文：The innovations of Internet Explorer 作者：Nicholas C. Zakas 译者：Justice 译者按 IE 曾是 web 创新的先驱，但最近几年因为对 web 标准的支持落后于其他浏览器以及低版本 IE 的各种 bug 而被人诟病。雅...
问题描述
不得不承认，这是一个非常诡异的问题，以下步骤可以重现问题：
用IE打开这个测试页面，确认页面上有个iframe，里面显示着abc三个字符。
把这页面加......
英文原文： Client-Side Templating 在浏览器中使用模板是一个日渐热门的趋势。将服务端的逻辑应用到客户端上，还有越来越多的类MVC模式（模型-视图-控制器：model-view-controller）的使用都使得在浏览器中“模板”的角色越来越重要。在过去，“模板”从来都是服...
2001年，我使用C#中的WebBrowser ActiveX控件编写了我的第一个应用程序，点此阅读，Kapil Sony写了一篇文章介绍了C# 2.0中的WebBrowser控件，每一次.NET新版本发布......
近来Web专业人士变得非常兴奋，原因也不令人意外。微软最新版的浏览器，Internet Explorer 9，刚刚发布。很多人都在讨论它的变化，以及最新的版本是不是实质的改进，......
你是否正遭受着关于安全Web浏览的错误观念所造成的危害呢？你可能认为自己的单位和用户很安全，但是，当今的互联网每隔几秒钟就出现一个新的被感染的网页，不管你如何谨慎，几乎都避免不了被感染的风险。
移动Web浏览器仍然是最流行的智能手机应用程序，但本地应用程序的增长速度很快，大有赶超Web浏览器的趋势。
在苹果、谷歌、微软和诺基亚们相继瓜分了移动互联网的世界入口之后，Opera凭什么还能组建起颠覆秩序的“入侵者同盟”。