网络周刊 #145 (#博客文章)
原文英文，约1200词，阅读约需5分钟。
📝
内容提要
本文讨论了网页开发中的新技术和工具，如CSS重置、display: stretch属性和fetchpriority属性。作者分享了个人经验，并鼓励读者参与讨论。
🎯
关键要点
-
讨论了网页开发中的新技术和工具，如CSS重置、display: stretch属性和fetchpriority属性。
-
作者分享了个人经验，提到使用@layer重置CSS的优点。
-
介绍了使用条件CSS重置的方法，利用原生CSS嵌套、:not和属性选择器。
-
提到了一种新的display属性：display: stretch，可以使元素宽度适应其边距框。
-
讨论了fetchpriority属性的使用，强调在使用时要了解其工作原理。
-
分享了关于自定义元素注册的灵活方法。
-
推荐了一些有用的JavaScript框架性能比较和基准测试库。
-
提到了一种新的单空间字体选择工具，帮助用户找到喜欢的编码字体。
-
引用了Molly White的演讲，强调网络是使用它的人。
❓
延伸问答
什么是display: stretch属性，它有什么用？
display: stretch属性可以使元素的宽度适应其边距框，简化了全宽样式的设置。
如何使用CSS重置？
可以使用@layer重置CSS，或通过原生CSS嵌套、:not和属性选择器来实现条件CSS重置。
fetchpriority属性的作用是什么？
fetchpriority属性用于优化资源加载顺序，但使用时需了解其工作原理。
有哪些推荐的JavaScript框架性能比较工具？
推荐的工具包括krausest/js-framework-benchmark和tinylibs/tinybench，适合进行JavaScript框架的性能比较和基准测试。
如何注册自定义元素？
可以在自定义元素类中包含静态注册方法，或在加载类后注册组件，以实现灵活的注册方式。
有什么新的单空间字体选择工具推荐？
推荐使用“Coding Font”工具，可以并排展示多种字体，帮助用户选择喜欢的编码字体。
🏷️
