前端加载资源

@(javascript)[页面xrr]

加载资源

加载资源的形式

• 输入url（或跳转页面）加载html
• 加载静态资源：图片，js，css，音视频等

加载一个资源的过程

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

浏览器渲染页面的过程

• 根据HTML结果生成DOM Tree
• 根据CSS生成CSSOM（CSS Object Model）
• 将DOM和CSSOM整合造成RenderTree
• 根据RenderTree开始渲染和展现
• 遇到<script>标签时，会执行并阻塞渲染 渲染页面的过程