轩枫阁

是不是动画效果越多越好？哪些效果需要付出高昂的性能代价？怎样才能做到兼顾网站的效果与效率呢？来看看浏览器的重排与重绘知识，了解如何在具体的开发过程中注意重绘和重排引发的性能问题

简介

浏览器从下载文档到显示页面的过程是个复杂的过程，这里包含了重绘和重排。各家浏览器引擎的工作原理略有差别，但也有一定规则。简单讲，通常在文档初次加载时，浏览器引擎会解析HTML文档来构建DOM树，之后根据DOM元素的几何属性构建一棵用于渲染的树(rendering tree)。渲染树的每个节点都有大小和边距等属性，类似于盒子模型（由于隐藏元素不需要显示，渲染树中并不包含DOM树中隐藏的元素）。当渲染树构建完成后，浏览器就可以将元素放置到正确的位置了，再根据渲染树节点的样式属性绘制出页面。由于浏览器的流布局，对渲染树的计算通常只需要遍历一次就可以完成。但table及其内部元素除外，它可能需要多次计算才能确定好其在渲染树中节点的属性，通常要花3倍于同等元素的时间。这也是为什么我们要避免使用table做布局的一个原因。

重绘

重绘是一个元素外观的改变所触发的浏览器行为，例如改变visibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。重绘不会带来重新布局，并不一定伴随重排。

重排

重排是更明显的一种改变，可以理解为渲染树需要重新计算。 查看全文

在早期的jquery版本中，如1.4.2版本，我们很容易的就能判断浏览器的类型，好做兼容。但是后面的版本如1.8.0就不支持了，但是我们还要做判断，这可怎么办？接下来我们可以看下jquery关于这个的源码及使用方法。

以上是jq实现的源码，通过正则来匹配userAgent判断浏览器的种类和版本. 查看全文

浏览器大战一直都很残酷，在不同的国家和地区，不同的浏览器表现各不相同。去年，Chrome、Firefox和IE分别是全球两大区域的霸主。现在，各个浏览器又是怎么样的情况呢？科技博客Pingdom根据市场调研机构StatCounter的统计数据制作了以下图片，带大家了解一下浏览器大战的最新战况。

Chrome在全球六大洲中的四个区域中都是最受欢迎的浏览器，只有北美和大洋洲的用户仍然最爱IE。 查看全文

一、介绍

浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。
　　将讨论的浏览器
今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。

本文将基于一些开源浏览器的例子——Firefox、Chrome及Safari，Safari是部分开源的。
浏览器的主要功能
浏览器的主要功能是将用户选择的web资源呈现出来，它需要从服务器请求资源，并将其显示在浏览器窗口中，资源的格式通常是HTML，也包括PDF、image及其他格式。用户用URI（Uniform Resource Identifier统一资源标识符）来指定所请求资源的位置，在网络一章有更多讨论。

HTML和CSS规范中规定了浏览器解释html文档的方式，由W3C组织对这些规范进行维护，W3C是负责制定web标准的组织。 查看全文

浏览器产品无疑是这个互联网时代最重要的桌面软件(没有之一)。大多数网民们，打开电脑后的习惯操作都是开启某款聊天工具，MSN、QQ、旺旺… … 随之就会默默的打开自己的浏览器，刷微博、人人、逛淘宝、搜百度… … 查看全文