从输⼊url到⻚⾯加载完成发⽣了什么？Flex 布局和传统布局有什么区别？

前端面经

从输⼊url到⻚⾯加载完成发⽣了什么？

• 1、浏览器的地址栏输⼊URL并按下回⻋。
• 2、浏览器查找当前URL的DNS缓存记录。
• 3、DNS解析URL对应的IP。
• 4、根据IP建⽴TCP连接（三次握⼿）。
• 5、HTTP发起请求。
• 6、服务器处理请求，浏览器接收HTTP响应。
• 7、渲染页面，构建DOM树。
• 8、关闭TCP连接（四次挥⼿）。

Flex 布局和传统布局有什么区别？

• 传统布局：是基于盒模型，依赖display属性 、position属性、float属性。
• Flex 布局：可以渐变、完成、响应式的实现各种页面布局，目前所有浏览器有⽀持。