2018-10-13（未知点）

Posted 2021-01-12 wjxp

Q：什么是BFC，作用？如何触发？解决实际问题？

A： BFC：块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。

　　根元素，float的值不为none，overflow的值不为visible，display的值为inline-block、table-cell、table-caption，position的值为absolute或fixed 可以实现BFC

　　解决问题：防止margin重叠，可以让父元素包裹浮动子元素，这也是overflow：hidden能够清楚浮动。与浮动元素相邻的已生成BFC的元素不能与浮动元素相互覆盖。

Q：link和@import 的区别？

A：@import 只能加载css。而link可以加载更多。

　　加载顺序的差别：当一个页面被夹在的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再加载。所以有时候浏览@import加载CSS的页面时会没有样式（就是闪烁），网速慢的时候还挺明显。

　　使用dom控制样式时的差别。当时用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的（不支持）。
Q：一个http请求结构？（请求头参数）

A：

Q：一个页面从输入url到页面加载显示完成，这个过程发生了什么？

 

A：检查浏览器缓存->域名解析->发起tcp连接，三次握手->客户端发送http请求->服务器做出相应->浏览器接受相应报文->读取页面内容，浏览器渲染，解析html源码->生成Dom树、解析css样式、js交互