【布局】聊聊为什么淘宝要提出「双飞翼」布局

圣杯 & 双飞翼

说到「双飞翼」就不得不提及「圣杯」，两者均为三栏布局的优化解决方案如下图

常规情况下，我们的布局框架使用以下写法，从上到下，从左到右。

<header>header</header> <p>     <aside>left</aside>     <p>main</p>     <aside>right</aside> </p> <footer>footer</footer>

问题倒是没什么问题，然而，如果我们希望中部 main 部分优先显示的话，是可以做布局优化的。

因为浏览器渲染引擎在构建和渲染渲染树是异步的（谁先构建好谁先显示），那么将<p>main</p>部分提前即可优先渲染。

<header>header</header> <p>     <p>main</p>     <asid

总结

以上是生活随笔为你收集整理的面试题：圣杯布局，双飞翼布局了解吗的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。