@(javascript)[页面xrr]
加载资源
加载资源的形式
- 输入url(或跳转页面)加载html
- 加载静态资源:图片,js,css,音视频等
加载一个资源的过程
- 浏览器根据DNS服务器得到域名的IP地址
- 向这个IP的机器发送http请求
- 服务器收到,处理并返回http请求
- 浏览器得到返回内容
浏览器渲染页面的过程
- 根据HTML结果生成DOM Tree
- 根据CSS生成CSSOM(CSS Object Model)
- 将DOM和CSSOM整合形成RenderTree
- 根据RenderTree开始渲染和展示
- 遇到
<script>
标签时,会执行并阻塞渲染
渲染页面的过程