设置
  • 日夜间
    随系统
    浅色
    深色
  • 主题色

Meta 开源网页 UI 样式系统 StyleX:整合静态 CSS 高效性能,已运用于 Facebook 等平台

2023/12/12 16:21:03 来源:IT之家 作者:漾仔(实习) 责编:漾仔

IT之家 12 月 12 日消息,Meta 日前开源了自家产品所使用的网页 UI 样式系统 StyleX,这是一款基于编译器的 CSS-in-JS 库,号称整合了静态 CSS 的高效与可扩展性,并能够复用组件库和静态类型代码库。

据悉,StyleX 并不全面支持 CSS 的所有功能,主要围绕大型网站而构建,目前这一样式系统已经在 Meta 旗下 Facebook、WhatsApp、Instagram 等产品中使用。

▲ 图源 Meta 官方新闻稿

IT之家获悉,StyleX 能够自动管理 CSS 选择器,避免过程复杂化,确保生成的 CSS 不会出现冲突,此外,StyleX 避免了使用 JavaScript 插入样式的开销,仅在必要时高效地组合类名字符串,从而保证生成的 CSS 样式能够快速被浏览器解析。

此外,StyleX 生成的样式也经过了优化,官方提到,相对于传统 CSS 库,StyleX 显得“更小、更具体”,通过“原子构建”和“文件级缓存”,StyleX 在编译时能够同时处理数万个组件,并具备“强大的扩展能力”,从而提升开发效率

Meta 提到,目前官方在 GitHub 上开源的 StyleX,是公司内部所使用的 StyleX 正式版本,未来官方将在 GitHub 发布 StyleX 后续更新,Meta 还将定期同步 GitHub 上发布的新版本,带回内部使用,感兴趣的小伙伴可以点此访问项目地址。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

相关文章

关键词:MetaCSS 库网页

软媒旗下网站: IT之家 最会买 - 返利返现优惠券 iPhone之家 Win7之家 Win10之家 Win11之家

软媒旗下软件: 软媒手机APP应用 魔方 最会买 要知