完整的说下从url解析到显示页面过程,结合项目中说
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连接,过程有四次挥手。
相关推荐HOT
更多>>十个常用的自定义过滤器
(1)去除空格type:1-所有空格2-前后空格3-前空格4-后空格。(2)任意格式日期处理(3)字母大小写切换type:1:首字母大写2:首页母小写3:大小...详情>>
2023-05-24 18:44:00Access数据库介绍
一、Access数据库介绍 Access数据库是微软公司开发的一种关系型数据库管理系统,最初发布于1997年。它属于桌面数据库,主要用于个人和小...详情>>
2023-05-10 09:37:16vue等单页面应用及其优缺点
效果会比较炫酷(比如切换页面内容时的专场动画)。导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退...详情>>
2023-04-25 10:00:20项目中的性能优化
keep-alive:缓存的组件的状态,切换组件的时候减少请求(结合实际) 组件销毁的时候, 将绑定的window等相关的事件取消监听,防止内存泄露...详情>>
2023-04-11 16:46:17