千锋教育-做有情怀、有良心、有品质的职业教育机构

400-811-9990
手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

上海
  • 北京
  • 郑州
  • 武汉
  • 成都
  • 西安
  • 沈阳
  • 广州
  • 南京
  • 深圳
  • 大连
  • 青岛
  • 杭州
  • 重庆
当前位置:郑州千锋IT培训  >  技术干货  >  完整的说下从url解析到显示页面过程,结合项目中说

完整的说下从url解析到显示页面过程,结合项目中说

来源:千锋教育
发布人:lxx
时间: 2023-05-24 18:41:00

  1. 首先浏览器主进程接管,开了一个下载线程。

       2. 然后进行HTTP请求(DNS查询、IP寻址等等),中间会有三次捂手,等待响应,开始下载响应报文。

千锋教育

       3. 将下载完的内容转交给Renderer进程管理。

       4. Renderer进程开始解析css rule tree和dom tree,这两个过程是并行的,所以一般我会把link标签放在页面顶部。

       5. 解析绘制过程中,当浏览器遇到link标签或者script、img等标签,浏览器会去下载这些内容,遇到时候缓存的使用缓存,不适用缓存的重新下载资源。

       6. css rule tree和dom tree生成完了之后,开始合成render tree,这个时候浏览器会进行layout,开始计算每一个节点的位置,然后进行绘制。

       7. 绘制结束后,关闭TCP连接,过程有四次挥手。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

猜你喜欢LIKE

vue项目做过哪些优化

2023-05-24

Jmeter压力测试工具使用

2023-05-10

说出JS为什么是单线程

2023-04-25

最新文章NEW

描述vue组件声明周期

2023-05-24

描述组件渲染和更新的过程

2023-05-10

应该在 React 组件的何处发起 Ajax 请求

2023-05-10

相关推荐HOT

更多>>

快速通道 更多>>

最新开班信息 更多>>

网友热搜 更多>>