在瀏覽器中草繪

2021-10-07 13:49:23 字數 332 閱讀 8230

馬克·達格利什詳細介紹他的團隊如何尋求試圖建立的反應,那麼,可轉化成素描檔案元件庫。 為什麼這很重要? 好吧,馬克這樣描述了他的團隊面臨的問題:

…大多數設計系統仍存在根本缺陷。 設計師和開發人員繼續在完全不同的媒介中工作。 結果,在沒有持續不斷的手動工作以保持同步的情況下,我們的**和設計資產一直在不斷地偏離。

對於使用設計系統的公司來說,我們的行業似乎停留在本質上是為錯誤的介質而構建的設計工具中-完全無法將我們的開發工作反饋到下一輪設計中。

直接鏈結→

翻譯自:

瀏覽器的重繪與重排

在專案的互動或視覺評審中,前端同學常常會對一些互動效果質疑,提出這樣做不好那樣做不好。主要原因是這些效果通常會產生一系列的瀏覽器重繪 redraw 和重排 reflow 需要付出高昂的效能代價。那麼,什麼是瀏覽器的重繪和重排呢?二者何時發生以及如何權衡?如何在具體的開發過程中將重繪和重排引發的效能問...

瀏覽器的重繪與重排

在專案的互動或視覺評審中,前端同學常常會對一些互動效果質疑,提出這樣做不好那樣做不好。主要原因是這些效果通常會產生一系列的瀏覽器重繪 redraw 和重排 reflow 需要付出高昂的效能代價。那麼,什麼是瀏覽器的重繪和重排呢?二者何時發生以及如何權衡?如何在具體的開發過程 中將重繪和重排引發的效能...

瀏覽器的重繪和回流

重繪 當元素樣式的改變不影響布局時,瀏覽器會使用重繪的方式來更新元素的變化,這種改變只會在ui層的重新畫素繪製,這種方式的對瀏覽器開銷比較小。常見的重繪操作有 改變元素顏色 改變元素背景色 more 回流 又名 重排 當元素的尺寸 結構或者觸發了某個屬性的改變,會導致瀏覽器重新渲染,這種操作會造成回...