html 概览
# html 概览
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
# html 高级
# html 知识点
- html5 请求动画 api requestAnimationFrame
html 加载过程
- 解析 html 构建 DOM 树
DOM 树渲染完成时触发 DOMContentLoaded 事件,此时可能外部资源还在加载。这里表示 DOM 树加载完成
- 解析 CSS 生成 CSSOM 规则树
将 DOM 树与 CSSOM 规则树合并在一起生成渲染对象树
1、过滤掉不可见节点(脚本标记、元标记)
2、过滤掉样式隐藏的节点(display:none)
所有的资源全部加载完成会触发 window 的 load 事件。
- 遍历渲染树开始布局(layout),计算每个节点的位置大小信息。
- 将渲染树每个节点绘制到屏幕。
更新时间: 9/8/2021, 4:24:27 PM