浏览器运行机制

构建树：解析HTML文档生成内容树

渲染树：CSS解析内容树

布局：大小，位置（从最开头递归调用）

绘制：遍历渲染树

重绘&回流

重绘repaint（改变元素外观属性color,bgc,ect...）

回流（规模、尺寸、布局）：初始化最少一次回流

二者关系：回流一定重绘，重绘不一定回流

优化：

• 浏览器自行优化
• 减少操作DOM元素
• • 一次性修改/加入
• • display:none
• • 多次重排：位置absolute/fixed

网站验证码

目的：防止恶意注册，防止自动登录，短信验证合法性

做法：AJAX发送，引用JS文件，按照文档书写

行内元素和块级元素

行内元素：<span>、<a>、 <img>、 <input>、<textarea>、<select>、<label>

块级元素：<div>、<table>、<form>、<p>、<ul>、<h1>......<h6>、<hr> 、<pre>、<address>、<center>、<marquee> 、<blockquote>