#优质博文 #前端 #正则
编译原理回忆在攻击我

译文 | 正则表达式的真正实力

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

#优质博文 #前端 #工程化 #esm #typescript
Tutorial: publishing ESM-based npm packages with TypeScript

AI 摘要：过去两年，TypeScript、Node.js 和浏览器对 ESM（ECMAScript Modules）的支持取得了显著进展。本教程介绍了一种较为现代、简化的 TypeScript npm 包发布方案，适用于无需考虑向后兼容性的项目。

主要内容：

1. 项目结构：包含 src/ （源码）、test/ （测试）、dist/ （编译输出）、docs/ （文档）等目录。

2. tsconfig.json 配置：

• outDir: "dist" ：编译后的文件存放在 dist/ 目录。
• sourceMap: true、declaration: true、declarationMap: true，确保源码映射和类型定义文件生成。
• verbatimModuleSyntax: true 及 erasableSyntaxOnly: true，提高 TypeScript 代码的可移植性。

1. package.json 相关配置：

• "type": "module" ：确保 .js 文件按 ESM 解析。
• "exports"：明确定义包的 ESM 入口，支持子路径导出。
• "files"：严格控制发布到 npm 的文件，避免上传测试代码。

1. 构建与发布：

• 使用 npm run build 清理 dist/ 目录并重新编译。
• prepublishOnly 钩子在 npm publish 之前自动执行 build，确保发布的代码是最新的。
• publishd 命令用于 npm publish --dry-run，可预览上传的文件。

1. 测试与文档：

• 采用 Mocha 进行单元测试，并支持 source-maps 以优化错误追踪。
• 使用 TypeDoc 生成 API 文档，托管于 GitHub Pages。

1. 其他工具：

• publint、arethetypeswrong 等工具检查 npm 包的兼容性和 TypeScript 类型定义的正确性。
• shx 统一跨平台 shell 命令（如 rm -rf、chmod u+x）。

本指南基于 @rauschma/helpers 包的实践经验，提供了一种现代化、易于维护的 ESM npm 包构建方法。

via 2ality – JavaScript and more

#优质博文 #设计 #figma
Figma 101｜03 探索 Figma Design 新版界面 UI3

AI 摘要：Figma在2024年Config大会上推出了全新的UI3界面，旨在提升设计师的专注度并统一旗下产品的界面风格。主要变化包括：
- 导航面板：将原先的「图层」和「页面」合并为「文件」选项卡，简化了界面层级。
- 工具栏：从顶部移至底部，为画板腾出更多空间，并新增了「动作」分组，方便访问常用功能、插件和组件。
- 属性面板：保留了「设计」和「原型」两个分页，但对模块分区进行了调整，优化了用户体验。
这些改进旨在提供更清爽的界面和更高效的工作流程。

via 少数派 设计防潮箱

#碎碎念
后续，那这么看 GitHub 里那个确实是他开的新号。
不评了，放个 follow 邀请码在这儿： gui52xSnjp

#碎碎念
每天最喜欢玩的推理游戏：我刚刚要干什么来着？?
最近的症状愈发严重了

#碎碎念 #直播
在播了在播了，放一个长期链接在这里
http://live.bilibili.com/10292443

之前有播好几次只是没放链接（喜）

#优质博文 #rss #follow 使用 Follow Transform 将网页转化为 RSS 订阅 有需求，找了下果然有详细讲解 follow transform 的文章 AI 摘要：该文章介绍如何使用 Follow Transform 将网页内容转化为 RSS 订阅，通过 CSS 选择器定位网页的特定元素，如标题、链接等，实现信息抓取。步骤包括在控制台定位需要的信息标签，通过 Follow 设置内容结构，并最终完成 RSS 订阅。此方法适用于简单网页信息提取，但对复杂结构或反爬虫网页效果有限。

#工具推荐 #在线网站 #tools
嗯，又发现一个代码截图工具

https://fixupx.com/vikingmute/status/1854328314208661692

via Twitter@vikingmute