浏览器-cnblog

事件流

• 捕获
• 目标
• 冒泡

回流和重绘

• 减少回流和重绘的次数

  • 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解析器