本文摘要：
面试题：当用户在地址栏中输入网址，到最后看到页面，中间都履历了什么？面试题：当用户在地址栏中输入网址，到最后看到页面，中间都履历了什么？=> 输入网址=> 剖析 URL 地址=> DNS域名剖析服务器（通过域名找到对应服务器的外网IP）=> 相对应服务器发送HTTP请求（TCP协议的三次握手）=> 发送 HTTP 请求=> 服务器处置惩罚请求，并返回给客户端=> 断开TCP 链接通道=> 客户端渲染URL知识URI / URL / URN URI（Uniform Resource Identifier / 统一资源标志符） URLURN URL（Uniform Resource Locator / 统一资源定位符） http://www.zhufengpeixun.cn URN（Uniform Resource Name / 统一资源名称） urn:isbn:0451450523一个完整URL的组成部门和实际意义 协议：http 、 https 、 ftp域名：一级域名、二级域名、常用域名的性质端口号：80 、443 、 21 、 端口号规模请求资源路径名称：伪URL问号参数HASH值特殊字符加密息争密 encodeURI / decodeURIencodeURIComponent / decodeURIComponentescape / unescape……1.剖析输入的URL地址http://www.zhufengpeixun.cn:80/index.html?lx=teacher#video传输协议（把信息在客户端和服务器端举行通报，类似于快递小哥） http 超文本传输协议（传输的内容除了文本，另有可能是其它类型：二进制编码、BASE64码、文件流等等）https 比HTTP越发宁静的传输协议（传输通道设置加密算法SSL），一般支付类网站都是HTTPS协议ftp 资源上传协议，一般应用于把当地文件直接上传到服务器端域名 zhufengpeixun.cn 一级域名 www.zhufengpeixun.cn二级域名 video.zhufengpeixun.cn三级域名 webG.video.zhufengpeixun.cn常用域名性质：.com国际 / .cn中国 / .gov政府 / .org官方 / .net系统 / .io博客 / .vip ...端口号 （凭据端口号，找到当前服务器上指定的服务） 0~65535之间差别协议有自己默认的端口号（也就是自己不用写，浏览器会帮我们加上） http => 80https => 443ftp => 21除这几个在书写的时候可以省略，其余的不能省请求资源的路径和名称 /stu/index.html 一般情况下，如果我们会见的是index.html等，可以省略不写（因为服务端一般会设置index.html为默认文档，固然可以自界说） 伪URL SEO优化 https://item.jd.com/100006038463.html （以下为示例，并不是真实情况） 静态地址：https://item.jd.com/100006038463.html （利便搜索引擎抓取）动态页面地址，真实地址：https://item.jd.detail.php?id=100006038463 需要把这样的地址重写为上述的静态地址（URL伪重写技术） 数据请求的接口地址 /user/list问号传参部门 ?xxx=xxx 客户端基于GET系列请求，把信息通报会服务器，一般都市基于问号传参的模式页面之间跳转，信息的一些通信也可以基于问号传参的方式（单页面中组件和组件跳转之间的信息通信，也可能基于问号传参）关于通报的内容需要举行编码处置惩罚（处置惩罚特殊字符和中文） encodeURI / decodeURI（只能把空格和中文内容举行编码息争码，所以一般应用这种模式处置惩罚整个URL的编码 encodeURI(http://rain7.top?id=12&lx=10&picture=http://rain7.top/public/头像.png)）encodeURIComponent / decodeURIComponent（会把所有的特殊字符和汉字都举行编码，一般不会整个URL编码，只会给通报的每一个参数单独编码 http://rain7.top?id=12&lx=10&picture=encodeURIComponent(http://rain7.top/public/头像.png)）escape / unescape（这种方式不是所有的后台都有，所以一般只应用于客户端自己内部编码，例如：存储Cookie信息，把存储的中文举行编码息争码；特殊符号也会被编码）...设置哈希HASH #xxx2.DNS域名剖析DNS域名剖析是什么？公布站点时设置域名剖析网址会见举行DNS域名反剖析DNS Prefetch 即 DNS 预获取 ：淘汰DNS的请求次数，举行DNS预获取，缓存时间在1分钟左右网站中，每发送一个TCP请求，都要举行DNS剖析（一但当前域名剖析过一次，浏览器一般会缓存剖析记载，缓存时间一般在1分钟左右，后期发送的请求如果还是这个域名，则跳过剖析步骤 =>这是一个性能优化点）真实项目中，一个大型网站，他要请求的资源是疏散到差别的服务器上的（每一个服务器都有自己的一个域名剖析）WEB服务器（处置惩罚静态资源文件，例如：html/css/js等 的请求）数据服务器（处置惩罚数据请求）图片服务器 （处置惩罚图片请求）音视频服务器...... 这样导致，我们需要剖析的DNS会有许多次优化技巧：DNS Prefetch 即 DNS 预获取让页面加载（尤其是后期资源的加载）更顺畅更快一些
.......3.建设TCP毗连（三次握手）构建客户端和服务器端的毗连通道只有建设好毗连通道，才气基于HTTP等传输协议，实现客户端和服务器端的信息交互第一次握手：由浏览器提倡，告诉服务器我要发送请求了第二次握手：由服务器提倡，告诉浏览器我准备接受了，你赶快发送吧第三次握手：由浏览器发送，告诉服务器，我马上就发了，准备接受吧4.发送HTTP请求基于HTTP等传输协议，客户端把一些信息通报给服务器HTTP请求报文（所有客户端通报给服务器的内容，统称为请求报文） 谷歌控制台 NetWork 中可以看到请求起始行请求首部（请求头）请求主体强缓存 和 协商缓存（性能优化：淘汰HTTP请求的次数） 强缓存 ( Cache-Control 和 Expires )协商缓存 ( Last-Modified 和 Etag )5.服务器接受到请求，并举行处置惩罚，最后把信息返回给客户端WEB（图片）服务器和数据服务器 TomcatNginxApacheIIS……HTTP响应报文（所有服务器返回给客户端的内容） 响应起始行响应状态码 200 / 201 / 204301 / 302 / 304 / 307400 / 401 / 404500 / 503 响应头（首部） date存储的是服务器的时间... 响应主体服务器返回的时候是：先把响应头信息返回，然后继续返回响应主体中的内容（需要的信息大部门都是基于响应主体返回的）6.断开TCP链接通道（四次挥手）第一次挥手：由浏览器提倡，发送给服务器，我请求报文发送完了，你准备关闭吧；第二次挥手：由服务器提倡，告诉浏览器，我吸收完请求报文，我准备关闭，你也准备吧；第三次挥手：由服务器提倡，告诉浏览器，我响应报文发送完毕，你准备关闭吧；第四次挥手：由浏览器提倡，告诉服务器，我响应报文吸收完毕，我准备关闭，你也准备吧；Connection: Keep-Alive 保持TCP不中断（性能优化点，淘汰每一次请求还需要重新建设链接通道的时间）7.客户端渲染页面泉源：珠峰WEB前端高级课程
本文关键词：jbo竞博官网
本文来源：jbo竞博官网-www.custommetalbuildingproducts.com
