事件流
- 捕获
- 目标
- 冒泡
回流和重绘
-
减少回流和重绘的次数
-
css样式一次性修改
-
const root=document.getElementById('root') root.style.cssText='padding:10px 20px 30px'
-
-
使用fragment文件碎片
- fragment 可以看做一个dom元素，里面绘制图形时，不会触发回流和重绘
- 当把fragment写入dom树时，一次性渲染其中的内容
-
浏览器的主要组成部分
- 用户界面
- 地址栏，交互按钮
- 用户界面后端
- 绘制窗口和组合框等，底层带哦有操作系统实现
- 浏览器引擎
- 在用户页面和渲染引擎之间传送指令
- 渲染引擎
- 显示请求的内容，html，css ，解析html和css的内容
- 网络模块
- Http请求
- 数据存储模块
- Cookie localStorage SessionStorage
- JavaScript解析器