网络周刊 #175 (#博客文章)
💡
原文英文，约1600词，阅读约需6分钟。
📝
内容提要
本文讨论了网页开发中的新特性，如`autocomplete="one-time-code"`和`inputmode="numeric"`，以及构建一次性密码界面和步数计数器。还提到CSS变量的命名、GitHub禁用“toast”通知、Node.js类型剥离的稳定性等问题，并鼓励读者分享和支持Web Weekly。
🎯
关键要点
- 讨论了`autocomplete="one-time-code"`和`inputmode="numeric"`的功能。
- 介绍了一次性密码用户界面的构建方法。
- 提到步数计数器的构建及其按钮事件处理。
- 新命令属性在Chromium和Firefox中可用，Safari即将支持。
- GitHub禁止使用“toast”通知，因其对用户体验和可访问性不友好。
- Node.js的类型剥离功能现在被认为是稳定的。
- CSS变量的命名问题，称其为“CSS变量”是可以的。
- 鼓励读者支持Web Weekly，分享给朋友和家人。
- 提到了一些关于良好编码原则的讨论。
- 介绍了一个新的在线工具，用于检查浏览器对CSS特性的支持。
❓
延伸问答
什么是`autocomplete="one-time-code"`的功能？
`autocomplete="one-time-code"`用于自动填充一次性密码，方便用户输入。
如何构建步数计数器？
步数计数器通过附加的增减按钮触发事件，使用`command`和`commandfor`属性来处理输入。
GitHub为什么禁止使用“toast”通知？
GitHub禁止使用“toast”通知是因为它们对用户体验和可访问性不友好。
Node.js的类型剥离功能现在是什么状态？
Node.js的类型剥离功能现在被认为是稳定的，可以安全使用。
CSS变量的命名有什么争议？
虽然有人认为CSS自定义属性不应称为“CSS变量”，但实际上可以这样称呼。
如何检查浏览器对CSS特性的支持？
可以使用在线工具浏览器评分（browserscore.dev）来检查浏览器对特定CSS特性的支持。
➡️
