IT之家 12 月 12 日消息，Meta 日前開(kāi)源了自家產(chǎn)品所使用的網(wǎng)頁(yè) UI 樣式系統(tǒng) StyleX，這是一款基于編譯器的 CSS-in-JS 庫(kù)，號(hào)稱整合了靜態(tài) CSS 的高效與可擴(kuò)展性，并能夠復(fù)用組件庫(kù)和靜態(tài)類型代碼庫(kù)。
據(jù)悉，StyleX 并不全面支持 CSS 的所有功能，主要圍繞大型網(wǎng)站而構(gòu)建，目前這一樣式系統(tǒng)已經(jīng)在 Meta 旗下 Facebook、WhatsApp、Instagram 等產(chǎn)品中使用。
IT之家獲悉，StyleX 能夠自動(dòng)管理 CSS 選擇器，避免過(guò)程復(fù)雜化，確保生成的 CSS 不會(huì)出現(xiàn)沖突，此外，StyleX 避免了使用 JavaScript 插入樣式的開(kāi)銷，僅在必要時(shí)高效地組合類名字符串，從而保證生成的 CSS 樣式能夠快速被瀏覽器解析。
此外，StyleX 生成的樣式也經(jīng)過(guò)了優(yōu)化，官方提到，相對(duì)于傳統(tǒng) CSS 庫(kù)，StyleX 顯得“更小、更具體”，通過(guò)“原子構(gòu)建”和“文件級(jí)緩存”，StyleX 在編譯時(shí)能夠同時(shí)處理數(shù)萬(wàn)個(gè)組件，并具備“強(qiáng)大的擴(kuò)展能力”，從而提升開(kāi)發(fā)效率。
Meta 提到，目前官方在 GitHub 上開(kāi)源的 StyleX，是公司內(nèi)部所使用的 StyleX 正式版本，未來(lái)官方將在 GitHub 發(fā)布 StyleX 后續(xù)更新，Meta 還將定期同步 GitHub 上發(fā)布的新版本，帶回內(nèi)部使用，感興趣的小伙伴可以點(diǎn)此訪問(wèn)項(xiàng)目地址。
廣告聲明：文內(nèi)含有的對(duì)外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時(shí)間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。