从URL输入到页面展现

基本概念

URL

URL即统一资源定位符,是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。
它从左到右由下述部分组成:

  • URL传输协议
    • http——超文本传输协议
    • ftp——文件传输协议
    • file——主要用于访问本地计算机中的文件
    • https——数据经过加密的超文本传输协议
    • 注:开头只有//而不是协议,代表该URL的协议与当前页面一致。
  • 服务器地址(host)
  • 端口(port)
  • 路径(path)指明服务器上某资源的位置。与端口一样,路径并非总是需要的。
IP地址

IP地址是指互联网协议地址,IP地址是IP协议提供的一种统一的地址格式。IP地址被用来给Internet上的电脑一个编号。大家日常见到的情况是每台联网的PC上都需要有IP地址,才能正常通信。我们可以把“个人电脑”比作“一台电话”,那么“IP地址”就相当于“电话号码”,而Internet中的路由器,就相当于电信局的“程控式交换机”。

DNS

域名系统,因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析),有点类似于翻译器的作用

流程

第一步输入网址 URL
第二步域名解析
  1. 浏览器缓存查找
  2. 系统缓存查找
  3. 路由器缓存查找
  4. 网络服务商缓存查找
  5. 根域名DNS服务器查找
服务器处理

web服务器接收用户的Request 交给网站代码,或者接受请求反向代理到其他 web服务器
对于不同用户发送的请求,会结合配置文件,把不同请求委托给服务器上处理对应请求的程序进行处理

服务器处理.png
网站处理

MVC 模型(model)-视图(view)-控制器(controller)

网站处理.png
浏览器处理
  • HTML字符串被浏览器接受后被一句句读取解析
  • 解析到link 标签后重新发送请求获取css
  • 解析到 script标签后发送请求获取 js,并执行代码
  • 解析到img 标签后发送请求获取图片资源
绘制网页

浏览器根据 HTML 和 CSS 计算得到渲染树,绘制到屏幕上
js 会被执行

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容