Skip to main content

字节训练营客户端容器笔记

客户端容器​

浏览器架构演进​

  1. 单进程架构
  2. 多进程架构（现代浏览器多为这个）
  3. 面向服务架构

首屏优化​

  1. 压缩、分包、删除无用代码
  2. 静态资源分离
  3. js脚本非阻塞加载（js引擎和render是互斥的）
  4. 缓存策略
  5. SSR
  6. 预置loading、骨架屏

渲染优化​

  1. GPU加速（transform也会GPU加速）
  2. 减少回流、重绘
  3. 离屏渲染
  4. 懒加载

JS优化​

  1. 防止内存泄漏
  2. 循环尽早break
  3. 合理使用闭包
  4. 减少DOM访问
  5. 防抖、节流
  6. Web Workers

前端语言串讲​

前端语言的基本能力​

HTML​

并非图灵完备，他只是一门标记语言

HTML5 储存

  1. cookie
  2. local storage
  3. session storage

PWA & AMP

CSS​

JS​