面试官:用户输入url后发生了什么事?

99

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第16天,点击查看活动详情

面试经常被问道,当我们在浏览器输入url,发生了什么事?

查找缓存

首先当我们输入url,浏览器会先去寻找对应url的缓存,先查找浏览器缓存,在浏览器缓存中查找不到,会到系统缓存中去查找,如果还没有,再到路由缓存,如果以上全部失败,则会继续向ISP搜索。

DNS域名解析

拿到地址后,会进行DNS域名解析

建立链接,发送HTTP请求,关闭连接

和服务端建立连接

四次握手

  • 客户端发送连接释放报文,服务端接收连接释放报文,发送链接确认报文
  • 客户端收到链接确认报文,等待服务端数据传输完成、发送连接释放报文
  • 服务端数据传输完成,发送连接释放报文
  • 客户端确认释放
  • 服务端释放

浏览器渲染

构建DOM树

构建DOM树:词法分析然后解析成DOM树,是由dom元素及属性节点组成,树的根是document对象

构建css规则树

构建CSS规则树:生成CSS规则树(CSS Rule Tree)

构建rander树

Web浏览器将DOM和CSSOM结合,并构建出渲染树

布局

计算出每个节点在屏幕中的位置

绘制

即遍历render树,绘制每个节点。

js解析

  • 创建window对象
  • 加载文件
  • 预编译
  • 解释执行 这里面的每一个内容都可以拿来详细的说一说,大家如果感兴趣,可以去网上搜搜看

结束

学习前端也有段时间了,该去找工作了,大家有啥推荐吗,大专,上海,头疼啊,听说现在行情不好,也不敢辞职转行,现在多看看面试题,再做个项目,让后就去面试,祝我顺利,祝大家万事顺心,加油,奥里给!!