呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态

图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
#优质博文 #前端 #新动态 #javascript #css #node
Web Weekly #158

AI 摘要:本期 Web Weekly 聚焦前端开发领域的新提案、工具优化与实用技巧,涵盖 Edge 团队的 ariaNotify() 和 console.context() 提案、Node.js 双包风险、CSS 新单位 lh 的应用,以及 Chrome 原生 CSS 轮播的可访问性分析。同时推荐了有趣的 CSS 全息效果、小众浏览器和 JavaScript Set 新方法等资源。

1. Edge 团队新提案
• document.ariaNotify() :简化无障碍通知的 DOM 操作,直接通过 JavaScript 触发屏幕阅读器提示。
• console.context() :提供日志分组、样式和过滤功能,优化调试体验。

2. Node.js 双包风险警告
官方建议仅发布一种模块格式(CJS 或 ESM),避免因混合格式导致的兼容性问题。

3. CSS 新特性与实践
• lh 单位:基于行高的垂直间距控制,提升视觉一致性。
• Chrome 原生 CSS 轮播:新增 scroll-marker-group 等属性,但当前可访问性不足(Sara 评估,她的结论是:他们还没有准备好,但你自己要多读一读)。
纯 CSS 全息效果:纯 CSS 实现,利用 mix-blend-mode 和 background-attachment 实现。 解释博客

4. JavaScript 更新
JavaScript Set 新方法:difference()、intersection() 等集合操作。
JavaScript 类中的静态初始化块 - 不久前,我了解到您可以将 "nameless static " 块放入 ECMAScript 类中。他们是做什么的?
• RegExp.escape():自动转义正则表达式特殊字符(Chromium 136+)。

5. 工具与资源推荐
小众浏览器:Vivaldi 及其他非主流选项。
• 自然语言日期解析库 wanasit/chrono
Node.js 测试最佳实践指南 #测试
• MCP 服务器的集合 punkpeye/awesome-mcp-servers#AI #MCP

6. 其他亮点
• 趣味网站:owlsintowels.org(猫头鹰主题)。
• 设计技巧:复杂曲线边框的 CSS 实现方案。
My Three Strikes Rule for Blogging 第三次在对话中使用某个想法时,您必须将其写在博客上。 #技术写作


author Stefan Judis Web Weekly #158
#优质博文 #本地化 #前端 #测试
系统抽风蹦出的「火星文」,如何帮助推动本地化?
https://sspai.com/post/90269

原标题:在「机器翻译」盛行的时代,「伪本地化」是否还有必要?

AI 摘要:文章探讨了在机器翻译技术日益发展的背景下,伪本地化在软件测试中的必要性。伪本地化通过改变源语言的呈现方式而非内容,帮助开发人员在本地化之前识别和修复潜在问题。与机器翻译不同,伪本地化能同时模拟多种语言特征,如字符集、文本长度、书写方向等,确保软件在不同语言环境中的可读性和功能完整性,因此仍然是有效的本地化测试方法。


by SUNTRISE
 
 
Back to Top