1 回答

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊
兩者兼而有之。
除其他外,這些屬性需要布局框是最新的才能返回正確的值,所以是的,它們將觸發(fā)重排……如果有必要。
如果布局是最新的,瀏覽器不需要重新計(jì)算它,也不會(huì)觸發(fā)重排,他們可以只選擇上次布局框計(jì)算請(qǐng)求的內(nèi)部值。
因此,如果在這些調(diào)用之間沒有任何改變布局,那么多次調(diào)用這些不是問(wèn)題。但是,如果某些東西確實(shí)改變了兩者之間的布局(如類更改、DOM 節(jié)點(diǎn)插入等),則每次調(diào)用都可能花費(fèi)很多,因此請(qǐng)謹(jǐn)慎調(diào)用。
Ps:關(guān)于 getter 的事情,它根本不是要阻止用戶設(shè)置這些,因?yàn)槟銓?shí)際上可以設(shè)置這些:
console.log( div.offsetWidth );
Object.defineProperty( div, "offsetWidth", { value: 0 } );
console.log( div.offsetWidth );
<div id="div">hello</div>
添加回答
舉報(bào)