Matt Pocock (@mattpocockuk):
tsc --init is finally getting an upgrade

Happy to see it largely resembles my tsconfig cheat sheet, but with some extra goodies I might need to steal

https://github.com/microsoft/TypeScript/pull/61813

AI 摘要：本文是 Chrome 开发者博客于 2025 年 6 月发布的一篇关于 Chrome 扩展程序最新动态的综述，涵盖了过去几个月 Chrome 网上应用店和扩展平台的重要更新。文章详细介绍了 Google I/O 大会上关于 Chrome 扩展的新功能和未来规划、用户脚本 API 的改进、提交审核流程优化、安全性提升的验证上传功能、测试账户凭据支持、政策更新、功能弃用、即将推出的特性以及社区活动和视频内容。通过这些更新，Chrome 致力于提升开发者体验和用户安全性，同时推动跨浏览器扩展的兼容性。

1. 亮点
• Google I/O：介绍了产品经理在大会上分享的 Chrome 扩展和网上应用店的最新进展，以及与 Gemini 结合的未来潜力，包含了多个相关主题的演讲视频播放列表，并邀请开发者参与班加罗尔和柏林的活动。
• userScripts.execute 方法：用户脚本 API 允许扩展在特定页面上运行用户脚本，新方法支持随时执行脚本，而无需提前注册，提升了灵活性。
• 取消审核：开发者可取消待审核的扩展提交并立即提交新版本，优化了提交流程。
• 验证 CRX 上传：引入了私钥签名机制，确保只有持有私钥的人能上传新版本，增强了账户和发布流程的安全性。
• 测试账户凭据：开发者可在开发者仪表板中提供测试指令和凭据，帮助审核团队评估扩展功能，尤其是在申请特色徽章时。
• 政策更新：更新了 Chrome 网上应用商店的政策，包括一般性更新和联属广告政策调整。

2. 功能弃用
• 移除 --load-extension 标志：Chrome 137 版本将移除该命令行标志，因其常被用于加载恶意软件；同时提供了测试替代方案，并改进了 Puppeteer 等工具。

3. 即将推出的功能
• 用户脚本 API 开关变更：针对用户需启用开发者模式和 API 可用性检测的反馈，计划引入新开关以简化启用流程。

4. 社区更新
• WECG 三月聚会：在柏林 Mozilla 办公室与 W3C WebExtensions 社区小组成员讨论了平台未来发展和跨浏览器兼容性。
• Svelte 伦敦演讲：Oliver Turner 分享了构建浏览器扩展的经验和技巧，适合新手和资深开发者。

5. 新视频
• 扩展很酷：Patrick 发布新视频，介绍各种用户可用的扩展类型。
• 打地鼠游戏：Oliver 制作并分享了一个打地鼠游戏 demo 的构建过程视频。
• 新扩展菜单：展示了 Chrome 实验性新扩展菜单及相关新 API。

Chrome for Developers

What's happening in Chrome Extensions, June 2025  |  Blog  |  Chrome for Developers

An overview of the recent changes in Chrome Extensions, plus exciting upcoming extensions features developers can look forward to.

AI 摘要：本文详细介绍了作者在开发 Chrome 扩展程序时，如何通过自定义实现来拦截网络请求（包括 fetch 和 XHR），以满足特定需求（如批量屏蔽 Twitter 垃圾用户）。作者分析了现有库的不足，提出了自己的设计需求，并基于类似 Hono 中间件的洋葱模型，设计并实现了一个简洁而强大的拦截器 API。文章从动机、设计到具体实现，逐步讲解了如何覆盖原生 fetch 和 XHR 方法以实现请求和响应的拦截与修改，最终将成果发布为 npm 包

AI 摘要：本期涵盖了 JavaScript 及前端开发领域的最新动态。内容包括 Rolldown-Vite 的发布，这是一个基于 Rust 的快速 JavaScript 打包工具；TC39 会议上多项 ECMAScript 提案的进展；以及多个工具和框架的更新，如 Babel 8 Beta、ESLint v9.28.0 等。此外，还包括针对 JavaScript 开发者的 Go 语言入门指南、Svelte Summit 2025 的演讲视频等资源。本期内容虽简短，但信息量丰富，旨在为读者提供最新的技术资讯和学习资源。

1. 社区动态
• Rolldown-Vite：介绍了一个基于 Rust 开发的快速 JavaScript 打包工具 Rolldown，旨在与 Vite 构建工具结合使用，已有早期用户反馈构建时间大幅缩短。
• TC39 会议进展：报道了 ECMAScript 规范委员会最新会议成果，Array.fromAsync、Error.isError 等提案进入 Stage 4 阶段。
• WebStatus.dev 更新：Google 的 Web 平台状态网站近期更新，提供了更多数据和更深入的洞察。
• 简讯：React Native 团队将专注于新架构，SQLite-JS 允许使用 JavaScript 编写自定义 SQLite 函数，CSS 2025 状态调查现已开放。

2. 工具与版本发布
• Babel 8 Beta：完成所有计划中的重大变更。
• ESLint v9.28.0：核心规则新增对 TypeScript 语法的支持。
• AngularFire 20.0：支持最新 Angular 20，与 Firebase 集成。
• 其他更新：Vitest 3.2、Astro 5.9、Ionic 8.6、Prisma 6.9.0。

3. 文章与视频资源
• JavaScript 开发者 Go 语言指南：为 JavaScript 开发者提供 Go 语言入门知识，聚焦后端开发。
• document.currentScript 的实用性：探讨了一个被忽视的浏览器 JavaScript API 的实际用途。
• Svelte Summit 2025 演讲视频：包含 12 个演讲视频，其中 Rich Harris 的“What Svelte Promises”为重点内容。
• 可选链提高 JavaScript 可靠性、React 服务器组件的导入机制、Chrome 扩展网络请求拦截和高效 Monorepo 的构建方法。

4. 代码与工具
• php-node：一个 Node.js 原生模块，支持在 Node 环境中运行 PHP 应用，适用于遗留应用迁移或混合开发。
• Storybook 9：前端 UI 组件开发工具更新，新增交互、视觉和无障碍测试功能。
• Beachpatrol：一个 CLI 工具，基于 Playwright 实现日常浏览器自动化。
• 其他工具：Starry Night 3.8（类似 GitHub 的语法高亮）、ngx-vflow 1.9（为 Angular 应用添加节点界面）。

AI 摘要：本期内容包括 Rolldown-Vite 的发布、JavaScript 相关技术文章（如 Progressive JSON 和无构建客户端岛）、Go 语言指南、HTML 流式传输技术等，同时推荐了热门库和项目（如 snapDOM 和 react-md-editor）

1. 热门新闻与文章
• VoidZero announces Rolldown-Vite：VoidZero 发布了 Rolldown-Vite
• Is It JavaScript?：Jim Nielsen 的博客探讨了“It’s Just JavaScript”这一常见说法的背后含义，质疑是否所有以 .js 为扩展名的代码都能简单地归类为 JavaScript
• Progressive JSON — overreacted：Dan Abramov 的文章探讨了传统 JSON 数据传输的局限性，并提出了“Progressive JSON”的创新概念，即通过广度优先的分块流式传输数据，使客户端能够逐步处理未完成的数据，从而提升用户体验和性能。
• document.currentScript is more useful than I thought：文章介绍了 document.currentScript 的实用性，展示了它在处理 <script> 元素配置属性和其他方面的潜力。
• Exploring "No-Build Client Islands": A (New) JavaScript Pattern for SPAs：介绍了“No-Build Client Islands”这一架构理念，旨在帮助开发者构建无需构建工具、稳定持久的交互式单页应用（SPA）。通过使用 Preact、HTM 和 Page.js 等轻量级工具，结合原生 JavaScript 模块，开发者可以摆脱复杂框架更新和构建链的困扰，实现快速、反应式的 Web 应用，同时保持与任何后端的灵活集成。
• A JavaScript Developer's Guide to Go：为 JavaScript 开发者提供学习和使用 Go 语言的指南，帮助跨语言开发。
• Streaming HTML out of order without JavaScript：介绍了一种无需 JavaScript 即可实现 HTML 乱序流式传输的技术，利用 Shadow DOM 和 Declarative Shadow DOM (DSD) 结合流式响应服务器和模板语言，实现在浏览器中按正确顺序渲染乱序发送的 HTML 片段。
• Experimenting with no-build Web Applications：探讨无构建 Web 应用的实验，关注简化开发流程的可能性。
• One Roundtrip Per Navigation — overreacted：Dan Abramov 深入探讨了网页导航中数据加载的效率问题，分析了从传统 HTML 服务端渲染到现代客户端渲染中数据请求的演变。

2. Upcoming Conferences（即将举行的会议）
• JSNation 2025：作为年度主要 JavaScript 会议，将于 6 月 12 日和 16 日在阿姆斯特丹及线上举行，拥有 50+ 位演讲者，票价 €414（优惠码 LIBHUNT10 享 10% 折扣）。
• React Summit 2025：全球最大的 React 会议，将于 6 月 13 日和 17 日在阿姆斯特丹及线上举行，早鸟票已开售，票价 €504（优惠码 LIBHUNT10 享 10% 折扣）。

3. 热门库与项目
• snapDOM：一个快速且准确地将 HTML 元素捕获为图像的工具。
• Chain-of-Recursive-Thoughts：通过让 AI 自我辩论提升思考能力，效果显著。
• ws4kp：一个基于 Web 的 WeatherStar 4000 项目，包含天气频道和显示功能。
• react-md-editor：一个 React.js markdown 编辑器组件，适用于 UI 开发。
• Youtube2Webpage：将 YouTube 视频内容转为网页文本，便于学习。

void(0)

Announcing Rolldown-Vite

We introduce Rolldown-Vite, a drop-in replacement for Vite that leverages the power of Rolldown for faster builds and reduced memory usage. Try it out today!

今天是我35岁的生日
想着好歹挑首歌翻唱来纪念一下
选了很多歌
最后还是放不下这首
于是就唱了

也将这首歌献给写出这首歌的人
愿这歌声 能让你坚强 朋友朋友好朋友

假如给你一张100万的支票，没有选题限制，你可以用这张支票和你的伙伴前往任何地方，结交来自世界各地的朋友，你会想去哪里？这一次我们的编导怀谷，拿上这100万带你走进百万支票系列的第一站——巴厘岛数字游民。如果你喜欢这期视频，请多多支持我们，并把视频分享给你的朋友们一起看看！

AI 摘要：Cursor 1.0 版本于 2025 年 6 月 4 日发布，带来了多项重要更新，包括 BugBot 自动代码审查、Background Agent 对所有用户开放、Jupyter 笔记本支持、Memories 功能 beta 版、MCP 一键安装及 OAuth 支持、聊天响应可视化功能，以及全新的设置和仪表板界面。文章详细介绍了这些新功能的特性、使用方法及对开发者的影响，旨在提升代码编辑和团队协作的效率。

• BugBot 自动代码审查：
• 功能：自动审查 PRs，检测潜在 bug 和问题，并在 GitHub 上留下评论。
• 操作：点击“Fix in Cursor”可返回编辑器并获取预填提示以解决问题。
• 设置：参考 BugBot 文档进行配置。
• Background Agent 对所有用户开放：
• 背景：Background Agent 作为远程编码代理，早期测试反馈积极。
• 可用性：所有用户可通过聊天中的云图标或 Cmd/Ctrl+E 快捷键使用（隐私模式关闭用户）。
• 未来计划：隐私模式用户即将获得启用方式。
• Jupyter 笔记本中的 Agent 支持：
• 功能：Cursor 现可在 Jupyter 笔记本中直接创建和编辑多个单元，显著提升研究和数据科学任务效率。
• 限制：初期仅支持 Sonnet 模型。
• Memories 功能（Beta 版）：
• 功能：Cursor 可记住对话中的事实并在未来引用，按项目存储个人记忆。
• 管理：通过“设置 → 规则”启用和管理。
• MCP 一键安装及 OAuth 支持：
• 功能：一键设置 MCP 服务器，并通过 OAuth 简化认证。
• 资源：官方 MCP 服务器列表可在 docs.cursor.com/tools 查看。
• 开发者支持：可在文档和 README 中添加“Add to Cursor”按钮，生成方式见 docs.cursor.com/deeplinks。**
• 更丰富的聊天响应：
• 功能：聊天中可渲染可视化内容，如 Mermaid 图表和 Markdown 表格。
• 新设置和仪表板：
• 更新：设置和仪表板界面优化。
• 功能：个人或团队使用分析、显示名称更新、按工具或模型分类的详细统计。
• 其他改进：
• 快捷键：Cmd/Ctrl+E 打开 Background Agent 控制面板。
• 功能提升：@Link 和网络搜索可解析 PDF 并纳入上下文；设置中新增网络诊断；并行工具调用加速响应；聊天中工具调用可折叠。
• 账户管理：企业用户仅限稳定版本；团队管理员可禁用隐私模式；提供 Admin API 获取使用数据和支出信息。
• 模型更新：Gemini 2.5 Flash 现支持 Max 模式。

Cursor

Changelog - Jun 4, 2025 | Cursor - The AI Code Editor | Cursor - The AI Code Editor

Cursor 1.0 brings Bugbot for code review, a first look at memories, one-click MCP setup, Jupyter support, and general availability of Background Agent.

AI 摘要：本文详细介绍了 WebGL 性能优化的多种方法，涵盖了从性能瓶颈的识别到具体的技术实现，旨在帮助开发者提升 WebGL 应用的渲染效率。文章从 CPU 和 GPU 的性能测试入手，探讨了纹理优化、绘制调用减少、Shader 逻辑优化、三角形数量削减、内存传输优化等多个方面，提供了大量实用技巧和具体案例，适合对 WebGL 性能优化感兴趣的前端开发者深入学习。

• 性能瓶颈识别与测试
• 介绍了如何通过降低 CPU 或 GPU 的时钟频率来测试性能瓶颈，帮助开发者定位问题根源。
• 纹理优化
• 建议减少 canvas 尺寸或使用低分辨率纹理来测试纹理受限问题。
• 纹理过滤模式中，gl.NEAREST 速度最快但效果块状，gl.LINEAR 因取平均值而模糊。
• 推荐使用 Mip 映射技术优化纹理贴图效果。
• 纹理长宽建议为 2 的幂，采用纹理压缩（如 ETC 格式）减少数据量，使用 PBO 提升纹理上传速度，以及通过纹理合成减少加载次数。
• 上下文与 Program 管理
• 讨论了 WebGL 上下文丢失的处理方法。
• 建议避免频繁切换 Program，减少在 Shader 中使用 if-else 语句，因其会破坏 GPU 的并行计算（Wavefront 机制）。
• 绘制调用优化
• 使用 drawElements() 的 gl.TRIANGLE_STRIP 结合退化三角形，比 drawArrays() 的 gl.TRIANGLES 更节省内存。
• 减少 drawArrays() 和 drawElements() 调用次数，避免从 GPU 读回数据（如 gl.getError()、gl.readPixels()），以优化流水线性能。
• 使用 WebGL Inspector 工具查找冗余调用，减少状态变更操作（如 gl.enable()）。
• 顶点与模型优化
• 顶点数据按数组顺序组织，避免乱序以提高缓存命中率。
• 使用 LOD（细节层次）技术简化模型，根据距离动态调整细节。
• Shader 逻辑优化
• 避免在 Shader 中使用逻辑判断（如 if-else），因其破坏 GPU 并行度；提供替代方案，如使用 step 函数优化逻辑表达。
• 三角形数量优化
• 通过空间分割（如八叉树、四叉树）剔除不可见物体。
• 使用遮挡检测技术（如硬件遮挡查询）避免渲染被遮挡物体。
• 动态调整三角形数量（如 LOD 技术）。
• 使用 GL_TRIANGLE_FAN 或 GL_TRIANGLE_STRIP 替代 GL_TRIANGLES 以重用顶点。
• 采用 glDrawElements 的索引方式减少三角形数量。
• 内存传输优化
• 尽可能使用 VBO/VAO 减少数据传输。
• 在 OpenGL ES 3.0/WebGL 2.0 中利用 Transform Feedback 进行 GPU 通用计算。
• 通过批次合并和 Instance 特性优化多物体渲染效率。