CSS是網頁設計中最重要的一部分，可以幫助我們美化網頁、使用戶更易于使用。CSS重排和重新計算樣式是CSS操作起來需要我們注意的一些問題。

CSS重排是指當我們改變元素的尺寸、位置或者顯示/隱藏等操作時，瀏覽器會重新計算元素的位置和尺寸。這個過程會引起頁面的重繪和重新排版，從而影響頁面的渲染速度，產生不必要的性能損失。

當我們獲取元素的寬度和高度屬性時，如果元素沒有設置寬度和高度，瀏覽器會執行CSS的重新計算樣式。重新計算樣式會導致所有CSS規則重新計算，造成不必要的性能消耗。

// 獲取元素的屬性值會導致重新計算樣式
const myElement = document.querySelector('#my-element');
console.log(myElement.offsetWidth);

我們可以優化這個過程，使用緩存來減少計算次數。這樣可以避免浪費性能，提高頁面的加載速度。

// 緩存元素的屬性值
const myElement = document.querySelector('#my-element');
const width = myElement.offsetWidth;
console.log(width);

總的來說，我們在操作頁面元素的時候需要注意性能問題，盡可能減少瀏覽器的渲染次數。避免不必要的重排和重新計算樣式，可以優化頁面性能，使用戶獲得更好的體驗。