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


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

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

  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地址
  5. 浏览器获得域名对应的IP地址后,发起HTTP“三次握手”
  6. TCP/IP连接建立起来后,浏览器就可以向服务器发送HTTP请求了。(使用了比如说,用HTTP的GET方法请求一个跟域名,协议可以采用HTTP1.0。)
  7. 服务器端接受到了这个请求,根据路径参数,经过后端的一些处理之后,把处理后的一个结果的数据返回给浏览器。如果是慕课网的页面就会把完整的HTML页面代码返回给浏览器。
  8. 浏览器拿到了简书网的完整的HTML页面代码,在解析和渲染这个页面的时候,里面的JS、CSS、图片静态资源,他们同样也是一个个HTTP请求都需要经过上面的主要的七个步骤。
  9. 浏览器根据拿到的资源对页面进行渲染,最终把一个完整的页面呈现给了用户。

一些概念

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的高清图片的概念是我这张图这么大,清晰度这么多,那么我们在移动设备上就该展示这么清晰。那么为什么会产生模糊呢?假如一张图片 100px * 100px 那我们在移动设备
2016-10-10
下一篇 
剖析简易计算器带你入门微信小程序开发 剖析简易计算器带你入门微信小程序开发
自从微信小程序内测以来,我的网络信息几乎被它刷屏,一瞬间,都不知道发生了什么。特别是当晚有人熬夜吐血出教程,我勒个去,这么拼,感觉不立马学习等会儿就会被别人踩死在这个行业。惶恐惶恐的过来几天,等到了国庆终于也可以跟风熬夜研究了
2016-10-06
  目录