美文网首页
资源加载过程

资源加载过程

作者: 何心猿意马 | 来源:发表于2018-03-28 14:56 被阅读0次
1.url解析 提取信息
2.拿到上一步解析的域名去DNS上查找该域名对应的IP
3.带着所有的请求信息,去这IP地址上请求资源,从服务器上把请求到的资源下载下来
4.浏览器拿到这个资源后,根据这些资源的类型,做了不同方式的解析

url

https://www.jianshu.com/users/recommended?seen_ids=&count=5&only_unfollowed=true

  • 协议:https
  • 域名 + 端口: www.jianshu.com:80
  • 路径: /recommended
  • 参数: seen_ids=&count=5&only_unfollowed=true

DNS查询(域名系统)

  • 把域名转换成IP地址
  • DNS 缓存查找 (缓存时间)

资源请求

  • 浏览器------------(request header & 参数)-------------------》后端服务器
  • 浏览器《------------(status & response header & body)-------------------后端服务器

浏览器解析

  • 加载html,构建DOM 树,遇到一个node节点,就放到DOM树里
  • 当加载DOM 树的同时遇到JS文件,构建DOM树工作就停下来,先放JS加载和执行
  • 构建DOM完了后就渲染树(DOM树&CSS样式表结合)==》布局定位==》绘制到浏览器上

相关文章

网友评论

      本文标题:资源加载过程

      本文链接:https://www.haomeiwen.com/subject/uxwecftx.html