浏览器从下载文档到显示页面的过程是个复杂的过程

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


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


  javascript运算符


  1、javascript具有下列种类的运算符:算术运算符;等同运算符与全同运算符;比较运算符;


  2、目的分类:字符串运算符;逻辑运算符;逐位运算符;赋值运算符;


  3、特殊运算符:条件运算符;typeof运算符;创建对象运算符new;delete运算符;void运算符号;逗号运算符;


  算术运算符:+ 、 – 、* 、 / 、 % 、 -(一元取反) 、 ++ 、 –


  等同运算符与全同运算符:== 、 ===、 !== 、 !===


  比较运算符:< 、 > 、 <= 、 >=


  字符串运算符::< 、 > 、 <= 、 >= 、 = 、 +


  逻辑运算符:&& 、 ||、 !、


  赋值运算符:=、 +=、 *=、 -=、 /=
0 0