个人理解浏览器的工作原理

Youngdze 发布于2019-08-02 15:11 / 3284人阅读

摘要：当我们在浏览器中输入一个时，背后都发生了什么，想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是，浏览器与服务器之间通过协议进行通讯的过程，的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里的内嵌

当我们在浏览器中输入一个url时，背后都发生了什么，想要弄明白这个问题首选我们要知道浏览器的工作原理是什么？

浏览器的工作原理就是，web浏览器与web服务器之间通过http协议进行通讯的过程，c/s的握手协议就是http协议

浏览器接受到一个url之后发生的过程大致如下图：

接下来说下html里的内嵌资源是如何请求加载的 html的内嵌请求资源主要就是js，css，image

1.js和css的资源加载都是串行的，因为浏览器需要一个稳定的dom树结构，js中很有可能有代码会改变dom结构，浏览器为了防止这种情况就会阻止其他下载和呈现

2.因为js有语法定义，如果一个html里引用多个js文件的情况下，第二个文件里的函数很有可能引用了第一个文件里的变量和函数，此时如果先加载了第二个js浏览器就会解释错误，所以js要按照顺序串行加载，我们开发者在写代码时也要注意js的书写顺序

3.css的加载也是串行的，原理和js一样

4.图片的加载是并行的，可以同时加载几个，并且加载完成以后立即显示

云服务器 GPU云服务器 cdn的工作原理 webrtc的工作原理 hashmap的工作原理 session的工作原理

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53953.html

个人理解浏览器的工作原理

摘要：当我们在浏览器中输入一个时，背后都发生了什么，想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是，浏览器与服务器之间通过协议进行通讯的过程，的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里的内嵌当我们在浏览器中输入一个url时，背后都发生了什么，想要弄明白这个问题首选我们要知道浏览器的工作原理是什么？浏览器的工作原理就是，web浏览器与...

xietao3 2019-08-26 13:58 评论0 收藏0
个人理解浏览器的工作原理

摘要：当我们在浏览器中输入一个时，背后都发生了什么，想要弄明白这个问题首选我们要知道浏览器的工作原理是什么浏览器的工作原理就是，浏览器与服务器之间通过协议进行通讯的过程，的握手协议就是协议浏览器接受到一个之后发生的过程大致如下图接下来说下里的内嵌当我们在浏览器中输入一个url时，背后都发生了什么，想要弄明白这个问题首选我们要知道浏览器的工作原理是什么？浏览器的工作原理就是，web浏览器与...

icyfire 2019-08-30 11:01 评论0 收藏0
写技术博客那点事

摘要：从现在开始，养成写技术博客的习惯，或许可以在你的职业生涯发挥着不可忽略的作用。如果想了解更多优秀的前端资料，建议收藏下前端英文网站汇总这个网站，收录了国外一些优质的博客及其视频资料。前言写文章是一个短期收益少，长期收益很大的一件事情，人们总是高估短期收益，低估长期收益。往往是很多人坚持不下来，特别是写文章的初期，刚写完文章没有人阅读会有一种挫败感，影响了后期创作。从某种意义上说，...

ddongjian0000 2019-08-23 15:12 评论0 收藏0
写技术博客那点事

摘要：从现在开始，养成写技术博客的习惯，或许可以在你的职业生涯发挥着不可忽略的作用。如果想了解更多优秀的前端资料，建议收藏下前端英文网站汇总这个网站，收录了国外一些优质的博客及其视频资料。前言写文章是一个短期收益少，长期收益很大的一件事情，人们总是高估短期收益，低估长期收益。往往是很多人坚持不下来，特别是写文章的初期，刚写完文章没有人阅读会有一种挫败感，影响了后期创作。从某种意义上说，...

NSFish 2019-08-16 15:03 评论0 收藏0
PHP程序员学习路线

摘要：第一阶段基础阶段基础程序员重点把搞熟练核心是安装配置基本操作目标能够完成基本的系统安装，简单配置维护能够做基本的简单系统的开发能够在中型系统中支持某个功能模块的开发。本项不做重点学习，除非对前端有兴趣。第一阶段：基础阶段（基础PHP程序员）重点：把LNMP搞熟练（核心是安装配置基本操作）目标：能够完成基本的LNMP系统安装，简单配置维护；能够做基本的简单系统的PHP开发；能够在P...

genedna 2019-06-27 16:06 评论0 收藏0