【布局】聊聊為什么淘寶要提出「雙飛翼」布局

圣杯 & 雙飛翼

說到「雙飛翼」就不得不提及「圣杯」，兩者均為三欄布局的優(yōu)化解決方案如下圖

常規(guī)情況下，我們的布局框架使用以下寫法，從上到下，從左到右。

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

問題倒是沒什么問題，然而，如果我們希望中部 main 部分優(yōu)先顯示的話，是可以做布局優(yōu)化的。

因?yàn)闉g覽器渲染引擎在構(gòu)建和渲染渲染樹是異步的（誰先構(gòu)建好誰先顯示），那么將<p>main</p>部分提前即可優(yōu)先渲染。

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

總結(jié)

以上是生活随笔為你收集整理的面试题：圣杯布局，双飞翼布局了解吗的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。