饥人谷技术博客

从 url 输入到页面展现

2017-07-22  本文已影响0人  疯狂的蜗牛Dianna

第一步:在浏览器输入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
第二步:域名解析

Paste_Image.png

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

Paste_Image.png

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

上一篇下一篇

猜你喜欢

热点阅读