从 url 输入到页面展现

第一步:在浏览器输入URL

URL是什么?
URL: 统一资源定位符,用于定位互联网上的资源
http、https、ftp、file 协议
http://jirengu.com/blog
file:///Users/hunger/workspace/a.html
https://10.245.23.456:3000/users
//jirengu.com/static/imgs/a.png
第二步:域名解析

  • 域名是什么?
    对于http://jirengu.com:8080/blog , jirengu.com就是域名
  • IP地址是什么?
    每个处于互联网中的设备都有IP 地址,形如 192.168.0.1
    局域网 IP 和公网 IP 是有差别的
    127.0.0.1代表本机的 IP
    域名解析的流程
    浏览器缓存 – 浏览器会缓存DNS记录一段时间
    系统缓存 - 从 Hosts 文件查找是否有该域名和对应 IP。
    路由器缓存 – 一般路由器也会缓存域名信息。
    ISP DNS 缓存 – 比如到电信的 DNS 上查找缓存。
    如果都没有找到,则向根域名服务器查找域名对应 IP,根域名服务器把请求转发到下一级,知道找到 IP
    1 电脑上不了网,为什么修改dns为8.8.8.8 或者114.114.114.114?
    2 dns 劫持是什么?
    第三步:服务器处理
  • Web服务器
    常见的 web服务器有 Apache、Nginx、IIS、Lighttpd
    web服务器接收用户的Request 交给网站代码,或者接受请求反向代理到其他 web服务器
Paste_Image.png

第四步:网站处理流程
MVC 模型(model)-视图(view)-控制器(controller)

Paste_Image.png

第五步.浏览器处理
HTML字符串被浏览器接受后被一句句读取解析
解析到link 标签后重新发送请求获取css
解析到 script标签后发送请求获取 js,并执行代码
解析到img 标签后发送请求获取图片资源
第六步.绘制网页
浏览器根据 HTML 和 CSS 计算得到渲染树,绘制到屏幕上
js 会被执行

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容