当我们输入URL,按下回车发生了什么?

当我们输入URL,按下回车发生了什么?

查找服务器的IP地址:
1.在本地hosts文件中查询
2.在浏览器缓存中查询。
3.在系统缓存中查询。
4.在路由器缓存中查询。
5.在DNS服务器中查询,直到找到这个IP地址。
6.通过TCP协议与Web服务器创建连接。(俗称三次握手),向服务器发送请求
7.浏览器接收响应,开始下载并渲染,将页面呈现在我们面前
    浏览器接收到html代码,即自上而下解析:构建DOM树+构建CSSOM =>渲染树(解析——构建对象模型Object Model)
    遇到script文件和CSS文件都会另起线程去下载;内嵌的script标签和style标签,会直接执行,分别阻塞DOM树和CSS规则树
    无论内嵌的script脚本、外链的script脚本下载完都会阻塞构建DOM树; CSS文件执行和内嵌的style标签阻塞CSSOM
    直到DOM树和CSSOM规则生成完毕后,浏览器结合两者生成渲染树RenderTree,浏览器将渲染树绘制到页面上,也就是首次显示页面

    最后,body底部的JS脚本下载完成后通过DOM API修改DOM, 通过CSSOM API修改样式,每次修改都会造成渲染树RenderTree的重新布局和重绘, 也就是Reflow。(而修改颜色的话,只会Repaint 不会Reflow


备注:欢迎加入web前端求职招聘qq群:668352707

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

徐同保

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值