Vue.js

Appearance

On this page

浏览器原理深度剖析: 理解前端运行的底层世界 ​

本书将带你深入浏览器内核，从底层原理角度理解前端技术，成为真正的前端专家。

第一部分：浏览器架构与进程模型 ​

  1. 浏览器发展简史
  2. 现代浏览器架构概览
  3. 多进程架构详解
  4. 浏览器进程
  5. 渲染进程
  6. GPU进程
  7. 网络进程
  8. 插件进程与扩展机制
  9. 进程间通信(IPC)
  10. 站点隔离与安全边界

第二部分：网络与资源加载 ​

  1. 从URL到页面：导航流程
  2. DNS解析过程详解
  3. TCP连接与TLS握手
  4. HTTP请求与响应
  5. HTTP/2协议详解
  6. HTTP/3与QUIC详解
  7. 缓存机制详解
  8. Service Worker与网络代理
  9. 资源优先级与预加载
  10. 跨域资源共享(CORS)

第三部分：HTML解析与DOM构建 ​

  1. HTML解析器原理
  2. 词法分析：Tokenization
  3. 语法分析：树构建算法
  4. DOM树结构与节点类型
  5. 容错机制与异常处理
  6. 解析阻塞与异步脚本
  7. 预解析与推测性加载
  8. Document对象与DOM API
  9. MutationObserver原理
  10. Shadow DOM与封装

第四部分：CSS解析与样式计算 ​

  1. CSS解析器原理
  2. CSSOM构建过程
  3. 选择器匹配算法
  4. 样式级联与继承
  5. 计算样式(Computed Style)
  6. CSS变量与自定义属性
  7. 媒体查询与响应式
  8. CSS动画与过渡原理
  9. CSS Houdini简介
  10. CSS性能优化原理

第五部分：布局与渲染树 ​

  1. 渲染树构建
  2. 布局(Layout)过程详解
  3. 盒模型计算
  4. 正常流布局
  5. 浮动布局原理
  6. 定位布局原理
  7. Flexbox布局原理
  8. Grid布局原理
  9. BFC与格式化上下文
  10. 布局优化与性能

第六部分：绘制与合成 ​

  1. 绘制(Paint)过程详解
  2. 绘制记录与显示列表
  3. 分层(Layer)与合成
  4. 图层树与合成层
  5. GPU光栅化
  6. 帧合成与显示
  7. will-change与图层提升
  8. 硬件加速原理
  9. 滚动与滚动优化
  10. 绘制性能优化

第七部分：JavaScript引擎 ​

  1. JavaScript引擎概述
  2. V8引擎架构
  3. 解析与AST生成
  4. 字节码与Ignition
  5. JIT编译与TurboFan
  6. 内联缓存(IC)
  7. 隐藏类与对象表示
  8. 内存管理与堆结构
  9. 垃圾回收机制详解
  10. V8性能优化技巧

第八部分：事件循环与异步 ​

  1. 事件循环(Event Loop)详解
  2. 调用栈(Call Stack)
  3. 宏任务(Macrotask)
  4. 微任务(Microtask)
  5. requestAnimationFrame详解
  6. requestIdleCallback详解
  7. setTimeout/setInterval原理
  8. Promise与异步调度
  9. async/await原理
  10. Web Worker原理

第九部分：浏览器API原理 ​

  1. DOM事件系统
  2. 事件捕获与冒泡
  3. IntersectionObserver原理
  4. ResizeObserver原理
  5. PerformanceObserver原理
  6. History API与路由
  7. Storage API原理
  8. IndexedDB原理
  9. Fetch API原理
  10. WebSocket原理

第十部分：安全与沙箱 ​

  1. 浏览器安全模型
  2. 同源策略详解
  3. XSS攻击与防御
  4. CSRF攻击与防御
  5. CSP内容安全策略
  6. 沙箱机制
  7. HTTPS与证书
  8. Cookie安全
  9. 浏览器指纹与隐私
  10. 前端安全最佳实践

在 GitHub 上编辑此页