Advertisement

DOM/CSS与渲染树(render tree)规则与原理

阅读量:

浏览器渲染机制是前端开发中不可或缺的核心知识点,阿里面试年年涉及,每年都有不少求职者因此被淘汰。据悉,百度等企业也开始将此作为考察重点,你是否已经做好充分准备?

首先需要掌握浏览器渲染的整体流程:

  1. 生成DOM树
  2. 构建CSS树
  3. 合并生成渲染树
  4. 进行布局计算
  5. 最终完成页面绘制

DOM树的定义是什么?

浏览器会将HTML代码解析为一种树状的数据结构,这种结构被称为DOM。
DOM的全称是文档对象模型(Document Object Model),它是对HTML文档的一种对象化表示方式,同时也充当了HTML元素与外部内容(如JavaScript)之间的桥梁。解析生成的树状结构以Document对象作为根节点。

在这里插入图片描述

我们可采取如下方式对 dom 树进行处理:

复制代码
    <html> 
    <head> 
    <title>never-online'swebsite</title> 
    <script> 
    	functionchangedivText(strText){  
    	v

全部评论 (0)

还没有任何评论哟~