關(guān)于重繪更具體的研究
visible屬性是在render樹(shù)里的,但是我想知道準(zhǔn)確點(diǎn)哪些dom的屬性會(huì)導(dǎo)致重繪,比如opacity會(huì)不會(huì),比如絕對(duì)定位的元素改變大小會(huì)不會(huì)導(dǎo)致所有的render樹(shù)重繪,css3里的transform,animation,transition會(huì)不會(huì)引起render樹(shù)重繪,重繪的話(huà)其性能和傳統(tǒng)的寫(xiě)法(比如translate,scale和改變left,top,width,height的區(qū)別)?
2016-06-15
老師教你一個(gè)簡(jiǎn)單的方法,就是位置發(fā)生改變的時(shí)候(包括絕對(duì)布局方式),層疊關(guān)系發(fā)生改變的時(shí)候。而且這個(gè)是可以驗(yàn)證的,你可以打開(kāi)chrome的
chrome://tracing/
這里面你能看到chrome瀏覽器本身的各個(gè)方法的執(zhí)行時(shí)間和 內(nèi)存消耗。當(dāng)更改dom樹(shù)的時(shí)候 ,內(nèi)存消耗是多少。