零碎笔记：浏览器访问一个网站所经历的步骤

张金宝发布于2019-08-06 13:17 / 767人阅读

摘要：浏览器拿到了简书网的完整的页面代码，在解析和渲染这个页面的时候，里面的图片静态资源，他们同样也是一个个请求都需要经过上面的主要的七个步骤。浏览器根据拿到的资源对页面进行渲染，最终把一个完整的页面呈现给了用户。

浏览器访问一个网站所经历的步骤

Chrome搜索自身的DNS缓存

搜索操作系统自身的DNS缓存（浏览器没有找到缓存或缓存已经失效）
查看Chrome浏览器的DNS缓存信息(chrome://net-internals/#dns)：

读取本地HOST文件

浏览器发起一个DNS的一个系统调用

宽带运营商服务器查看本身缓存

运营商服务器发起一个迭代DNS解析的请求

运营商服务器把结果返回操作系统内核同时缓存起来

操作系统内核把结果返回浏览器

最终浏览器拿到www.jianshu.com对应的IP地址

浏览器获得域名对应的IP地址后，发起HTTP“三次握手”

TCP/IP连接建立起来后，浏览器就可以向服务器发送HTTP请求了。（使用了比如说，用HTTP的GET方法请求一个跟域名，协议可以采用HTTP1.0。）

服务器端接受到了这个请求，根据路径参数，经过后端的一些处理之后，把处理后的一个结果的数据返回给浏览器。如果是慕课网的页面就会把完整的HTML页面代码返回给浏览器。

浏览器拿到了简书网的完整的HTML页面代码，在解析和渲染这个页面的时候，里面的JS、CSS、图片静态资源，他们同样也是一个个HTTP请求都需要经过上面的主要的七个步骤。

浏览器根据拿到的资源对页面进行渲染，最终把一个完整的页面呈现给了用户。

一些概念 1. 什么是回调？

回调是异步编程时的基础，将后续逻辑封装成起始函数的参数，逐层嵌套

2. 什么是同步/异步？

同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。
异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。

3. 什么是I/O？

磁盘的写入（in）磁盘的读取（out）

4. 什么的单线程/多线程？

一次只能执行一个程序叫做单线程
一次能执行多个程序叫多线程

5. 什么是阻塞/非阻塞？

阻塞：前一个程序未执行完就得一直等待
非阻塞：前一个程序未执行完时可以挂起，继续执行其他程序，等到使用时再执行

6. 什么是事件？

一个触发动作（例如点击按钮）

7. 什么是事件驱动？

一个触发动作引起的操作（例如点击按钮后弹出一个对话框）

8. 什么是基于事件驱动的回调？

为了某个事件注册了回调函数，但是这个回调函数不是马上执行，只有当事件发生的时候，才会调用回调函数，这种函数执行的方式叫做事件驱动~这种注册回调就是基于事件驱动的回调，如果这些回调和异步I/O(数据写入、读取)操作有关，可以看作是基于回调的异步I/O，只不过这种回调在nodejs中是有事件来驱动的

9. 什么是事件循环？

事件循环Eventloop,倘若有大量的异步操作，一些I/O的耗时操作，甚至是一些定时器控制的延时操作，它们完成的时候都要调用相应的回调函数，从而来完成一些密集的任务，而又不会阻塞整个程序执行的流程，此时需要一种机制来管理，这种机制叫做事件循环.
总而言之就是：管理大量异步操作的机制叫做事件循环

Event Loop:
回调函数队列。异步执行的函数会被压入这个队列; 队列被循环查询。

参考资料：
慕课网《进击NodeJS基础（一）》

GPU云服务器云服务器 idc一个机架所需要的带宽访问外国网站浏览器建设网站的步骤如何建立网站的步骤

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

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

《你不知道的javascript》笔记_作用域与闭包

摘要：建筑的顶层代表全局作用域。实际的块级作用域远不止如此块级作用域函数作用域早期盛行的立即执行函数就是为了形成块级作用域，不污染全局。这便是闭包的特点吧经典面试题下面的代码输出内容答案个如何处理能够输出闭包方式方式下一篇你不知道的笔记下一篇：《你不知道的javascript》笔记_this 写在前面这一系列的笔记是在《javascript高级程序设计》读书笔记系列的升华版本，旨在将零碎...

galaxy_robot 2019-08-23 14:11 评论0 收藏0
零碎的知识（一）

摘要：同时，由于本身的实现大部分是纯函数，因此在版本中，一些不含副作用的均在中暴露了以为前缀的函数方法，也可以直接导入使用。在浏览器中神秘丢失尝试检查被请求的是否存在尾部斜线，具体原因暂时没有找到相关资料。写在前面最近没怎么写新的东西，一是因为一直在准备换新的工作，所以一直在准备面试，二是因为过年，心静不下来，所以也无法输出或者翻译一些文章，三是由于手头还有一些遗留工作需要完成和交接，比...

ernest.wang 2019-08-23 15:36 评论0 收藏0
CDN学习笔记一（CDN是什么？）

摘要：的优势很明显节点解决了跨运营商和跨地域访问的问题，访问延时大大降低大部分请求在边缘节点完成，起到了分流作用，减轻了源站的负载。CDN是什么？谈到CDN的作用，可以用8年买火车票的经历来形象比喻：8年前，还没有火车票代售点一说，12306.cn更是无从说起。那时候火车票还只能在火车站的售票大厅购买，而我所住的小县城并不通火车，火车票都要去市里的火车站购买，而从县城到市里，来回就是4个小时车程，...

Tecode 2022-06-28 18:59 评论0 收藏0
如何准备校招技术面试

摘要：网易跨境电商考拉海购在线笔试现场技术面面。如何看待校招面试招聘，对公司而言，是寻找劳动力对员工而言，是寻找未来的同事。如何准备校招技术面试标签：面试 [TOC] 2017 年互联网校招已近尾声，作为一个非 CS 专业的应届生，零 ACM 经验、零期刊论文发表，我通过自己的努力和准备，从找实习到校招一路运气不错，面试全部通过，谨以此文记录我的校招感悟。写在前面写作动机 ...

MkkHou 2019-08-15 11:58 评论0 收藏0