12 月 12 日消息,Meta 日前开源了自家产品所使用的网页 UI 样式系统 StyleX,这是一款基于编译器的 CSS-in-JS 库,号称整合了静态 CSS 的高效与可扩展性,并能够复用组件库和静态类型代码库。
据悉,StyleX 并不全面支持 CSS 的所有功能,主要围绕大型网站而构建,目前这一样式系统已经在 Meta旗下 Facebook、WhatsApp、Instagram 等产品中使用。
▲ 图源 Meta 官方新闻稿
获悉,StyleX 能够自动管理CSS选择器,避免过程复杂化,确保生成的 CSS 不会出现冲突,此外,StyleX 避免了使用JavaScript插入样式的开销,仅在必要时高效地组合类名字符串,从而保证生成的CSS样式能够快速被浏览器解析。
此外,StyleX 生成的样式也经过了优化,官方提到,相对于传统CSS 库,StyleX 显得“更小、更具体”,通过“原子构建”和“文件级缓存”,StyleX 在编译时能够同时处理数万个组件,并具备“强大的扩展能力”,从而提升开发效率。
Meta 提到,目前官方在 GitHub 上开源的 StyleX,是公司内部所使用的 StyleX 正式版本,未来官方将在 GitHub 发布 StyleX 后续更新,Meta 还将定期同步 GitHub 上发布的新版本,带回内部使用,感兴趣的小伙伴可以点此访问项目地址。
本文链接:http://www.28at.com/showinfo-119-43339-0.htmlMeta 开源网页 UI 样式系统 StyleX:整合静态 CSS 高效性能,已运用于 Facebook 等平台
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com
下一篇: 微软与 Epic 扩大合作,Visual Studio 2022 17.9 Preview 2 版本可直接打开虚幻引擎项目