前端相关总结:页面加载 & 性能优化 & 安全性 & 上线

1. 页面加载

1.1 加载资源的形式

  • 输入 url(或跳转页面)加载 html
  • 加载 html 中的静态资源
  • script 加载

1.2 加载一个资源的过程

  • 浏览器根据 DNS 服务器得到域名的 IP 地址
  • 向这个 IP 的及其发送 http 请求
  • 服务器收到、处理并返回 http 请求
  • 浏览器得到返回内容

1.3 浏览器渲染页面的过程

  • 根据 HTML 结构生成 DOM Tree
  • 根据 CSS 生成 CSSOM
  • 将 DOM 和 CSSOM 整合形成 RenderTree
  • 根据 RenderTree 开始渲染和展示
  • 遇到

你可能感兴趣的:(基础知识总结)