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


浏览器访问一个网站所经历的个步骤,你都清楚吗?

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

  1. Chrome 搜索自身的 DNS 缓存
  2. 搜索操作系统自身的 DNS 缓存(浏览器没有找到缓存或缓存已经失效)
    查看 Chrome 浏览器的 DNS 缓存信息(chrome://net-internals/#dns):
    6ebdf4a6-b6d0-4a0f-ab98-84c394cce9d9.png
  3. 读取本地 HOST 文件
  4. 浏览器发起一个 DNS 的一个系统调用
  • 宽带运营商服务器查看本身缓存
  • 运营商服务器发起一个迭代 DNS 解析的请求
    • 运营商服务器把结果返回操作系统内核同时缓存起来
    • 操作系统内核把结果返回浏览器
    • 最终浏览器拿到 www.jianshu.com 对应的 IP 地址
  1. 浏览器获得域名对应的 IP 地址后,发起 HTTP“三次握手”
  2. TCP/IP 连接建立起来后,浏览器就可以向服务器发送 HTTP 请求了。(使用了比如说,用 HTTP 的 GET 方法请求一个跟域名,协议可以采用 HTTP1.0。)
  3. 服务器端接受到了这个请求,根据路径参数,经过后端的一些处理之后,把处理后的一个结果的数据返回给浏览器。如果是慕课网的页面就会把完整的 HTML 页面代码返回给浏览器。
  4. 浏览器拿到了简书网的完整的 HTML 页面代码,在解析和渲染这个页面的时候,里面的 JS、CSS、图片静态资源,他们同样也是一个个 HTTP 请求都需要经过上面的主要的七个步骤。
  5. 浏览器根据拿到的资源对页面进行渲染,最终把一个完整的页面呈现给了用户。

一些概念

1. 什么是回调?

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

2. 什么是同步/异步?

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

3. 什么是 I/O?

磁盘的写入(in)磁盘的读取(out)

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

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

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

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

6. 什么是事件?

一个触发动作(例如点击按钮)

7. 什么是事件驱动?

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

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

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

9. 什么是事件循环?

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

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


参考资料:
慕课网《进击 NodeJS 基础(一)》


文章作者: 张张
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 张张 !
 上一篇
零碎笔记:移动Web特别样式处理 零碎笔记:移动Web特别样式处理
高清图片跟我们平时下的那种电影高清图片是不一样的,移动Web的高清图片的概念是我这张图这么大,清晰度这么多,那么我们在移动设备上就该展示这么清晰。
2016-10-10
下一篇 
剖析简易计算器带你入门微信小程序开发 剖析简易计算器带你入门微信小程序开发
自从微信小程序内测以来,我的网络信息几乎被它刷屏,一瞬间,都不知道发生了什么。特别是当晚有人熬夜吐血出教程,我勒个去,这么拼,感觉不立马学习等会儿就会被别人踩死在这个行业。惶恐惶恐的过来几天,等到了国庆终于也可以跟风熬夜研究了
2016-10-06
  目录