潍坊建设网站的公司电话,学校门户网站建设的优势,快站怎么做淘客网站,杭州制作网页与网站前端面试有一道很考验人的问题#xff0c;那就是#xff1a;请你说一下从用户从输入url到页面展现的过程是怎样的#xff1f;在接下来的一段时间呢#xff0c;狗哥会从这一问题出发#xff0c;开始剖析这个过程#xff0c;希望可以让更多的小伙伴掌握到这个过程#xff…前端面试有一道很考验人的问题那就是请你说一下从用户从输入url到页面展现的过程是怎样的在接下来的一段时间呢狗哥会从这一问题出发开始剖析这个过程希望可以让更多的小伙伴掌握到这个过程虽说不能吊打加手撕面试官吧你把他打了你还怎么入职对面试官要好一些但漏一小手还是没问题的。 目录
1. url是什么
2. url有哪几种类型
3. 浏览器如何解析url
4. 省略index.html这个文件名的解析
5. 小结 1. url是什么
面试官问的这道题用户输入url一般就是说的网站的网址但其实这个url这个所谓的网址远远不止网站的网址。因为我们一般使用浏览器就是用来访问网站的购物啦看视频啦读博客啦都是以http开头的网址而我们使用浏览器的目的也是通过网址来访问web服务器。
但其实浏览器不光能访问web服务器对吧我记得之前不用outlook这些客户端的时候我都是通过浏览器打开公司的企业邮箱后来发现这样不太好比较low所以他可以充当邮箱客户端对吧我们经常用浏览器上传图片文件下载一些文件它也可以用来在FTP服务器上做下载和上传文件的工作对吧。 2. url有哪几种类型
例如访问web服务器时使用的网址http://www.aa.com:80/hello/index.html 例如使用FTP协议上传和下载文件时的网址ftp:ftp.aa.com:21/myDownFiles/fil1.txt 例如想要读取本地文件时file://localhost/c:/filePath/2023041301.png 例如我们发送电子邮件可能会用到mailto:dogaa.com 是不是发现有点乱让浏览器有点莫不着头脑了快但你会发现前面的http ftp file mailto 不同这些头关键字就是所谓的协议也更像是我们写代码时候定义的不同的函数比如我要访问web服务器就调用http这个函数然后这个函数规定我后面如何传参比如我要访问邮箱服务器我就应该调用mailto这个函数使用这个协议然后这个函数又规定我们应该传哪些参数。协议大概也就是这么几种 而如果更好理解的话呢就像是这样
switch (agree) {case ‘http’:// 执行http 访问web服务器break;case ‘ftp’:// 执行ftp 访问ftp服务器break;case ‘file’:// 访问 文件服务器break;case ‘mailto’:// 访问邮箱服务器break;……
}3. 浏览器如何解析url
如果有面试官问你从输入url到网页展现你第一步肯定是要说明浏览器解析url的这一过程。如果你有幸看到狗哥这篇博客那么你可以回忆一下自己之前是怎么回答的或者看看其他博客大家是如何说的。我们还以 http://www.aa.com:80/hello/index.html 为例看看浏览器大概如何解析这个url网址。
刚才我们说浏览器解析url会随着协议的不同而不同所以我们就要看一下url包含哪几个元素通过拆分出来的这几个元素再看url所代表的含义。 而我们从输入url再到url请求中间经历无数的路由器网线最终到达服务端那台机器那台机器的具体文件目录又是如何安置的呢 4. 省略index.html这个文件名的解析
刚才我们说正常的url应该是 协议服务器域名端口目录文件名比如上面提到的http://www.aa.com/hello/index.html但是我们时常还可以看到不是这样的或者是五花八门的比如
http://www.aa.com/hello/ 很明显这个Url带了协议带了域名带了目录名目录名后面有个斜杠但是没有带文件名也就是没有那个index.html. 这种解析的方式就是以 / 结尾了那么hello/后面的文件名被省略了但是没有文件名和我们上面的理解又有所不同不满足http类型url的规范啊。所以这种url的方式默认找到hello目录文件夹然后如果省略的话就找它下面的inde文件或者default文件名比如index.html啦default.jsp啦这种的文件。 http://www.aa.com/ 我们经常可以看见的网址其实就是直接一个域名后面没有带 / 的比如我们常见的www.aa.com 这种的url格式但即便不带其实也是和带了 / 同样的意思当没有路径名的时候就默认是根路径了。那么就继续访问跟路径下的index或者default这样的文件名。当然依我们常规的理解肯定是html jsp 这类的落地执行文件而非js css这样的被引用脚本文件。 http://www.aa.com/hello 类似这种不是域名结尾的是以一个看着像路径名又像文件名的后面也没有跟 / 感觉是不是有点乱套不过程序嘛就是解决人们觉得乱套的东西的。如果是这种直接以某个非 / 结尾的那么这个hello可能是个文件夹也可能是个文件所以如果根目录下可以找到hello文件名比如hello.html那么我们其实访问的就是http://www.aa.com/hello.html这个url的服务器文件但如果没有找到hello的文件名那么我们就认定hello是一个目录一个路径一个文件夹就去这个hello目录下继续去寻找index文件名或者default文件名这个url大概就会变成这个样子了http://www.aa.com/hello/index.html 5. 小结
大家跟着把这个专栏读完把也鼓励狗哥把这个专栏写完这个专栏必定会是一个很长的旅程你读完本专栏一旦有面试官胆敢问你从浏览器输入url到页面展现的问题这就是他噩梦的开始。其实我平时面试别人不太喜欢问一些有的没的如果公司真缺人你问了工作中需要的得了呗顶多提升着问一下工作中遇到的问题如何解决的。有些面试官是真的gou工作中不用什么他非问什么。就你们公司那破代码刚去的人起都起不来谁敢上去就碰就优化呀。
