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

news/2024/4/29 1:22:04/文章来源:https://blog.csdn.net/weixin_33795093/article/details/89291932

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

  1. Chrome搜索自身的DNS缓存

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

  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基础(一)》

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_835292.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SEO独家干货:利用外链投票模型操作新站快速排名

今年我在卢松松博客投稿了不少的干货文章,其中有一篇叫做“SEO外链算法独家揭秘”,里面提到了很多朋友或许都没有思考到的点,我一直相信,在搜索引擎优化当中,当任何一个点优化到极致,你的排名将顺从着你的极…

如何利用网站博客打造个人品牌

如果你正在计划在网上创业,最好的方法就是建立自己的网络明星地位,获得更多关注和取得潜在客户的信任,那就是打造自己的个人品牌。下面懒人创富为你准备了一个用博客打造个人品牌的方法步骤,建议你收藏下来: 1.确定你的…

《大型网站服务器容量规划》一2.2 服务器容量规划的源由

本节书摘来异步社区《大型网站服务器容量规划》一书中的第2章,第2.2节,作者: 郑钢 责编: 张涛,更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.2 服务器容量规划的源由 为什么要做容量规划呢?当…

Mozilla 推出免费的网站安全测试服务

Mozilla 安全工程师 April Knight 发布了一个名叫 Observatory 的项目,旨在为大家提供一款类似于 SSL Labs、High-Tech Bridge 等扫描服务的免费版网站安全扫描工具。这项服务基于 GitHub 上的一个 Python 代码库,开发历时好几个月,并终于在昨…

PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站

作为编码者,美工基础是偏弱的。我们可以参考一些成熟的网页PS教程,提高自身的设计能力。套用一句话,“熟读唐诗三百首,不会作诗也会吟”。 本系列的教程来源于网上的PS教程,都是国外的,全英文的。本人尝试翻…

思维导图形式带你读完《大型网站技术架构》中

下面所有图片原图及思维导图源文件和软件,欢迎关注我的微信公众号:"Java面试通关手册" 后台回复 “大型网站技术架构” 免费领取。 5 万无一失:网站的高可用架构 6 永无止境:网站的伸缩性架构 7 随机应变:网站的可扩展架…

web网站如何实现兼容手机

web网站如何实现兼容手机 一、总结 一句话总结&#xff1a;加上这句话即可&#xff1a;<meta name"viewport" content"widthdevice-width,initial-scale1.0">。 1、移动设备上的三个viewport是哪三个&#xff0c;分别代表什么&#xff1f; ppk把移动…

阿里云助力中小企业建站 在线免费自助建站成新用户首选...

阿里云助力中小企业建站 在线免费自助建站成新用户首选 提供云计算服务的行业头部企业-阿里云&#xff0c;对于广大中小企业来说&#xff0c;应该都不陌生。在企业需要建设自己官方网站&#xff0c;或者个人需要建设个人网站时&#xff0c;一般都需要购买网站空间或者云服务器来…

网站导航php,【网址导航系统】基于PHP+MYSQL开发的开源网站分类目录管理系统

DYCMS的主要特性包括&#xff1a;纯净的导航界面(去繁求简)响应式设计的前端设计聚合式搜索框(一键切换百度&#xff0c; 搜狗&#xff0c;360&#xff0c;必应搜索平台)用户可自行申请收B J – C b录&#xff0c;由管理员后台审核文章管理A F 2 P W发布功能每篇文章均有评论功…

(转) Web 建站技术中,HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么?...

Web 建站技术中&#xff0c;HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、ASP.NET、Web Services 是什么&#xff1f; 建站有很多技术&#xff0c;如 HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、http://ASP.NET、Web Services、浏览器脚本、服务器脚本等。它们的区别…

http://qq.im谁能查一下这是什么网站

这网站不是腾讯的&#xff0c;浏览此网站请小心&#xff0c;不要弄丢你的QQ号等。 我5月份QQ.im被谁抢注了的时候&#xff0c;网站页面也忘了啥来着&#xff0c;非常简陋&#xff0c;好像就是联系卖此域名的。 今天又上去看了一下&#xff0c;变成了“QQ.im增值服务中心”&am…

APACHE开启GZIP提升网站JS加载速度

2016/4/18 //by xbw// win服务器下xampp搭建的服务器端&#xff0c; 我们先找到apache文件夹->找到conf文件夹->找到httpd.conf文件打开&#xff0c; 找到 LoadModule deflate_module modules/mod_deflate.soLoadModule filter_module modules/mod_filter.so LoadModule…

Google提示:西安电子科技大学计算机学院网站可能含有恶意软件

真不知道计算机学院那帮是怎么搞的&#xff0c;还不麻利点快修复阿&#xff0c;多影响声誉。

购物网站Laravel版

Web_Shop 需要代码的同学请留言 Intro Using xampp(phpmysqlapache)Using Laravel frameworkUsing BootStrap framework ScreenShot Usage step 1. git clone https://github.com/xbw12138/Web_Shop.gitstep 2. use composer php composer.phar installor composer ins…

spreadfirefox网站闪现不和谐图片被逮个正着

spreadfirefox.com出现支持的图片。该图片&#xff08;地址http://www.flickr.com/photos/22641130N05/2465538480&#xff09;保存于flickr网站&#xff0c;且该图片主人还有诸多不和谐图片。 不清楚spreadfirefox是怎么显示这些图片的&#xff0c;是自动从flickr上所有的标注…

网站排名第一的暗黑手法:标签网站中的黑帽SEO

和 Digg相似的共享书签网站 Reddit&#xff0c;用户可对所刊登内容以“支持&#xff08;up&#xff0c;上&#xff09;”或“否决&#xff08;down&#xff0c;下&#xff09;”的投票方式&#xff0c;让最热门的连结会出现在首页面的前端或是其他显著的位置。 在伦敦,一位Bla…

网站开发

创建一个企业形象网站&#xff0c;要做好商业网站开发的前期准备、中期制作和后期的测试发布工作。前期准备包括了解网站的业务背景、明确网站的设计风格、确定网站内容等&#xff1b;中期制作主要包括创建站点、制作首页、制作模板和制作样式&#xff1b;后期的测试发布工作包…

手机网站优化技巧

1、域名尽量简短&#xff0c;越短的域名&#xff0c;用户记忆越容易记忆&#xff1b; 2、robots限制放开&#xff0c;百度spider的爬虫UA是Baiduspider&#xff08;www和wap一致&#xff09;&#xff0c;个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile&#xff1b…

网站建设优势有哪些?

1.响应式网站 站点访问终端是跨多个平台实现的&#xff0c;多样性&#xff0c;从台式机、笔记本电脑、平板电脑、手机&#xff0c;可以适应不同大小的显示网页&#xff0c;现在页面的趋势是未来的设计趋势很长一段时间。因此&#xff0c;响应的网站是解决问题。这种网络开发方…

Myyearbook 下一个青少年最爱的社交网站?

引言&#xff1a;这篇文章介绍一个跟Facebook和Myspace很像的网站&#xff0c;欧美青少年造访该网站所停留的时间已经几乎与Facebook这类的网站平起平坐甚至超越的平台&#xff1a;Myyearbook。 Myyearbook可以自行决定要公开多少信息。(预设情况下并非使用最严格的隐私权设定&…