网络周刊第137期 (#博客文章)
内容提要
本文介绍了JavaScript新特性、容器查询的回退策略和浏览器引擎的讨论，包括Chrome Canary的LLM（Gemini Nano）和使用本地模型的优势。还讨论了LLMs在浏览器中的风险和对网页开发者的影响。此外，还提到了清理macOS垃圾箱的技巧、CSS单位ch的含义、React的useEffect最佳实践、避免布尔函数签名和可访问的SVG表单。最后，还提到了浏览器领域的新项目Ladybird和Node、Bun和Deno之间的竞争。
延伸解读
浏览器内置LLM的互操作性挑战
Chrome Canary内置Gemini Nano，可通过window.ai访问，这引发了跨浏览器互操作性的担忧。如果不同浏览器厂商各自嵌入不同的LLM，开发者可能面临为每个浏览器调整提示词以获取一致结果的困境。文章指出，目前尚无解决方案，但本地模型在隐私、离线工作和速度上有优势，值得关注其发展。
容器查询回退策略的实践意义
容器查询已得到所有主流浏览器超过一年的支持，通常可以安全使用。但对于仍需考虑旧浏览器的项目，Google的Philip提出了一种基于Web组件的回退策略。这为开发者提供了在不支持容器查询的浏览器中安全使用的方案，平衡了现代特性与兼容性需求。
JavaScript运行时竞争与兼容性考量
Node、Bun和Deno之间的竞争对开发者有利，但文章提醒，Bun和Deno是风险投资支持的公司运行时，可能随时消失，而Node是开源社区项目。因此，采用Bun或Deno时，保持Node兼容性可以避免未来迁移的麻烦。
CSS单位ch的常见误解
使用max-width: 60ch限制行宽时，很多人误以为容器内正好容纳60个字符。实际上，ch单位表示数字“0”的宽度，因此60ch并不保证60个字符能放入容器。文章建议重新考虑行长度设置，避免因误解导致布局问题。
Q&A
Chrome Canary的新特性是什么？
Chrome Canary现在内置了LLM（Gemini Nano），可通过window.ai访问。
使用本地模型有什么优势？
使用本地模型的优势包括不发送敏感数据、离线工作和更快的速度。
如何清理macOS垃圾箱？
可以使用Banana Bin自动删除文件，帮助清理macOS垃圾箱。
CSS单位ch的含义是什么？
CSS单位ch表示字符宽度，60ch并不一定意味着容器内有60个字符。
React的useEffect最佳实践是什么？
确保遵循所有useEffect规则，特别是关于useSyncExternalStore和数据获取的部分。
Node、Bun和Deno之间的竞争对开发者有什么影响？
Node、Bun和Deno之间的竞争有利于开发者，但需注意兼容性问题。
