DOM tree, CSS tree, render tree (Render tree), rules and principles

阅读量：

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

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

DOM树具体指什么？

浏览器会将HTML代码解析为一种树状结构的数据模型，简称为DOM。
DOM的全称是文档对象模型（Document Object Model），它代表了HTML文档的结构化对象形式，并且作为HTML元素与外部内容（如JavaScript）之间交互的桥梁。该解析结构的最顶层节点为Document对象。

我们可以按照以下方式对 dom 树进行处理：

复制代码

    <html> 
    <head> 
    <title>never-online'swebsite</title> 
    <script> 
    	functionchangedivText(strText){  
    	varnodeRoot=docu

全部评论 (0)

还没有任何评论哟~