一、浏览器组成
- 人机交换部分(UI)
- 网络请求部分(socket)
- javascript引擎部分(解析Javascript)
- 数据存储(cookie、html5中的本地存储localstorage、sessionstorage)
- 渲染引擎(解析执行html,css)
二、渲染引擎
- 又叫排版引擎,浏览器内核
- 主流渲染器:自行百度一下
- 工作原理:解析HTML构建DOM树,如下图
- 渲染树与DOM树的区别:DOM树是对所有HTML标签进行解析,并生成DOM树,渲染树只对必要的元素进行操作,像head标签,meta标签或display:none不放在渲染树中 。