在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ css的重繪成本?

css的重繪成本?

table的重繪重排成本高于div元素,所以現(xiàn)代布局已經(jīng)放棄了table布局,除非需要用到表格。
問題:那么這樣的重繪方式成本是與直接使用table布局一樣嗎?

.father{
    display:table;
}
.father children{
    display: table-cell;
    vertical-align: middle;
}

附加問題:table的重繪成本高在哪里呢?

回答
編輯回答
孤巷

重繪重排的成本高在于 重新計算 重新渲染,
之所以說table性能不好就在于這里,
因為每行每列每個單元格都可能要重新計算,單元格內(nèi)嵌套復(fù)雜元素后計算成本更高,
這里說的重新計算是因為大多數(shù)單元格 或者說 tabel整體寬度長度不是固定的
都是彈性的
就算是現(xiàn)在具有相同特性的flex
如果頁面、頁面元素是固定的 那么table也好flex也好,性能幾乎無差
如果有flex table 中頻繁隱藏、出現(xiàn)子元素 那么就重復(fù)觸發(fā)整體的重新計算 重新渲染
所以說 性能差就差在于 "它" 影響了 "別人"

2017年4月26日 16:41