呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
#Newsletter #JavaScript #前端 #安全 #react #WASM #node #CSS
JavaScript Weekly #746
author JavaScript Weekly 编辑团队
JavaScript Weekly #746
AI 摘要：本期 JavaScript Weekly 聚焦于 JavaScript 生态的最新动态，包括高性能工具库 es-toolkit 对 Lodash 的取代、React/Next.js 复杂项目的重构建议、WebAssembly (WASM) 与 DOM 支持现状、npm 供应链安全问题、以及一系列重量级项目和社区新闻。此外，涵盖新版本发布、实用代码与工具、开发者经验反思、前端性能提升案例和社区趣闻等，内容丰富，覆盖了当下前端开发的热点话题和实践建议。
1. 社区与安全动态
• 细节剖析近期 JavaScript 生态的供应链安全事件，如 npm 上 is 包被劫持导致的恶意代码传播，以及 stylus 包下架风波。
• 介绍供西班牙语开发者使用的 EsJS，探索非英语语境下的 JavaScript 编程创新。
• 对比 Biome 与 Oxlint 两款 Lint 工具，在类型智能与速度上的表现差异。
2. 工具与库更新
• es-toolkit：兼容 Lodash、更快且更小（97% 体积减小），被 Storybook、CKEditor、Nuxt 推荐，利于代码体积优化。
• Bun v1.2.19：现在支持带有 bun install 的 pnpm 风格的隔离 node_modules ，提供交互式依赖更新功能等。Bun 1.3 也有望很快推出。
• React Native Reanimated 4.0、PythonMonkey 1.2、Oxlint、Jasmine 等多款工具新版本。
• Transformers.js 3.7：支持在浏览器借助 ONNX 运行时运行预训练模型，加入语音转录及 LFM2 和 ModernBERT 支持。
• npq：包安装前安全审核，集成 Snyk 漏洞库并审核包活跃度，有助于抗击恶意依赖。
• Untitled UI React：基于 Tailwind CSS 和 React Aria 的大型 UI 组件库，原生开源并配备 PRO 版本。
• ts-regexp：为 TypeScript 带来严格静态类型的正则表达式（RegExp）。 #正则
• ApexCharts 5.3：流行的 JS 图表库。现在具有数据解析功能 ，可将原始数据对象直接映射到图表。 演示
• vue-multiselect 3.3：Vue 的通用选择 / 多选 / 标记组件。 #vue
• eslint-plugin-unicorn 60.0：100+ 有用的 ESLint 规则集中在一个地方。
3. 实用开发经验与案例分享
• React/Next.js 开发最佳实践：避开 useState 与 useEffect 过度使用、数据嵌套、表单扩展及隐式状态共享陷阱。
• WASM 与 DOM：讨论 WebAssembly 直接访问 DOM 的前景，以及现代工具链对 WASM 生态的支持改进。
• 移除 SPA 的现代 CSS 实践建议，呼吁回归服务端渲染和真实页面体验利于性能与交互。
• Next.js 站点迁移到 Eleventy 提升 24% 性能，展示静态站点生成器的新优势。
• JS Event Listener 参数处理、构建字体搜索引擎、Three.js+WebGPU 的文本破坏交互等创新项目实践。
4. 社区趣闻与行业动向
• SVG 图形教程，鼓励开发者解锁矢量图形能力。
• HTML 2025 状态调查开放，鼓励开发者参与获取前沿信息。
• Google 推出 OSS Rebuild 以提升开源软件安全，MDN 庆祝 20 周年，前端表单规范问题(三个 HTTP 版本之后，表单仍然一团糟)
author JavaScript Weekly 编辑团队
Socket
npm ‘is’ Package Hijacked in Expanding Supply Chain Attack -...
The ongoing npm phishing campaign escalates as attackers hijack the popular 'is' package, embedding malware in multiple versions.
#优质博文 #新动态 #新标准 #前端 #typescript #工程化 #正则
TC39 将 3 个提案推进到第4阶段：Regexp Escaping，Float16Array 和 Redeclarable Global Eval Vars
https://socket.dev/blog/tc39-advances-3-proposals-to-stage-4-regexp-escaping-float16array-and-redeclarable-global-eval
TC39 将 3 个提案推进到第4阶段：Regexp Escaping，Float16Array 和 Redeclarable Global Eval Vars
https://socket.dev/blog/tc39-advances-3-proposals-to-stage-4-regexp-escaping-float16array-and-redeclarable-global-eval
AI 摘要：本文详细报道了 TC39 第 106 次会议期间，多达九项 JavaScript 提案在不同阶段取得进展，其中三个关键提案—— RegExp Escaping、Float16Array 和 Redeclarable Global Eval Vars 已经晋升到 Stage 4，即将成为正式的 ECMAScript 标准。文章不仅介绍了这些提案的具体内容和优势，例如为正则表达式提供内置转义功能，为数值处理引入更加节省内存的16位浮点数组，还讨论了其它提案如 Error.captureStackTrace 和 Error.prototype.stack 标准化、import defer 模块延迟加载、以及Math.clamp 函数的添加。这些改变旨在提升语言的安全性、跨平台一致性和性能表现。文末还列举了 Decimal & Measure、装饰器、Records & Tuples 等其他讨论中的话题，预示了 JavaScript 未来可能的进一步扩展和优化。
Socket
TC39 Advances 3 Proposals to Stage 4: RegExp Escaping, Float...
TC39 met in Seattle and advanced 9 JavaScript proposals, including three to Stage 4, introducing new features and enhancements for a future ECMAScript...
#正则 #开源 #tools #前端
Human Regex 具有英语语法的人类友好的正则表达构建器
via Node Weekly#566
Human Regex 具有英语语法的人类友好的正则表达构建器
Human-Friendly Regular Expression Builder with English-Like Syntax — After 8 years of Perl, regexes are my bread and butter, but I’d say most developers aren’t big fans 😉 This library offers a more natural fluent-style option. Magic Regexp and Super Expressive are other options in this space.
使用类英语语法的，对用户友好的正则表达式构建器 —— 八年Perl经验之后，正则表达式已经成为我的家常便饭了，但我认为大多数开发者们可不是很喜欢 😉 这个库提供了一个更自然流畅的风格选项。
via Node Weekly#566
GitHub
GitHub - rajibola/human-regex: Human-friendly regular expression builder with English-like syntax.
Human-friendly regular expression builder with English-like syntax. - rajibola/human-regex
#优质博文 #前端 #正则
编译原理回忆在攻击我
译文 | 正则表达式的真正实力
AI 摘要：本文探讨了现代正则表达式（主要指 PCRE 风格）的实际能力，远超其原始定义中的「正则语言」范畴。作者通过形式语言理论，介绍了乔姆斯基层次结构，说明正则表达式不仅可以匹配正则语言，还能处理上下文无关语言（如编程语言语法）甚至部分上下文相关语言（如 {a^n b^n c^n, n>0}）。
核心观点包括：
1. 形式语言基础：正则表达式原本仅适用于正则语言，但现代实现支持递归和子模式引用，使其超越该范畴。
2. 解析上下文无关语言：PCRE 支持递归子模式，使其能匹配几乎所有上下文无关语言，如 HTML 及编程语言语法。
3. 有限支持上下文相关语言：尽管某些上下文相关模式可用断言和子模式引用匹配，但非固定宽度的后行断言限制了其能力。
4. NP 完全性：支持反向引用的正则表达式匹配问题是 NP 完全问题，可解决如 3-CNF SAT 这样的复杂计算问题。
5. 实际应用：「可行」不等于「最佳」，解析 HTML 仍应首选 DOM 解析器，而非正则。
总结而言，现代正则表达式极为强大，但应根据具体需求选择合适工具。
via 少数派 PlatyHsu
编译原理回忆在攻击我
译文 | 正则表达式的真正实力
AI 摘要：本文探讨了现代正则表达式（主要指 PCRE 风格）的实际能力，远超其原始定义中的「正则语言」范畴。作者通过形式语言理论，介绍了乔姆斯基层次结构，说明正则表达式不仅可以匹配正则语言，还能处理上下文无关语言（如编程语言语法）甚至部分上下文相关语言（如 {a^n b^n c^n, n>0}）。
核心观点包括：
1. 形式语言基础：正则表达式原本仅适用于正则语言，但现代实现支持递归和子模式引用，使其超越该范畴。
2. 解析上下文无关语言：PCRE 支持递归子模式，使其能匹配几乎所有上下文无关语言，如 HTML 及编程语言语法。
3. 有限支持上下文相关语言：尽管某些上下文相关模式可用断言和子模式引用匹配，但非固定宽度的后行断言限制了其能力。
4. NP 完全性：支持反向引用的正则表达式匹配问题是 NP 完全问题，可解决如 3-CNF SAT 这样的复杂计算问题。
5. 实际应用：「可行」不等于「最佳」，解析 HTML 仍应首选 DOM 解析器，而非正则。
总结而言，现代正则表达式极为强大，但应根据具体需求选择合适工具。
via 少数派 PlatyHsu
写 bot 的时候发现个好东西，之前好像见过英文版忘记发了
https://regexr-cn.com/
AI 摘要：RegExr 是一个在线工具，用于学习、构建和测试正则表达式。它支持JavaScript和PHP/PCRE正则表达式，并提供即时的匹配结果显示。用户可以使用测试功能来验证表达式的正确性，还能保存并分享正则表达式。此外，该工具包括完整的正则表达式文档、示例和帮助，还有社区正则表达式搜索和评分功能。
——————
找到原版了：https://regexr.com/
源码在： https://github.com/gskinner/regexr
