开源动态
1 ViteConf2024将会在10月3号至4号在线上举行，大会的title是 Building together, lightning fast.
ViteConf 将有来自 Vite 及其生态系统的团队进行为期24小时的演讲马拉松。ViteConf 的目的是聚集社区成员，共同构建下一代前端工具链。在 ViteConf 中，你可以了解 Vite 生态系统中的最新创新和技术。
在「文章.1」中，介绍了 ViteConf 2024 的亮点。
可以去官网领取你的门票～
2 TC39 新提案安全赋值运算符（?=）
此提案引入了一个新运算符， ?= （安全赋值运算符），它通过将函数的结果转换为元组来简化错误处理。如果函数抛出错误，则该运算符返回 [error, null] ；如果函数执行成功，则返回 [null, result] 。该运算符与promises、异步函数以及实现 Symbol.result 方法的任何值兼容。
示例：
const [error, response] ?= await fetch("https://arthur.place")提出提案的动机：
- 简化错误处理：通过消除对 try-catch 块的需求来简化错误管理。
- 增强可读性：通过减少嵌套来提高代码的清晰性，并使错误处理的流程更直观。
- 跨 API一致性：在各种 API 之间建立统一的错误处理方法，确保可预测的行为。
- 改进安全性：减少忽略错误处理的风险，从而增强代码的整体安全性。
具体提案请看 ECMAScript 安全赋值运算符草案，目前这个草案有700+⭐️，在8月25日提案作者还会开一个Discord通话与社区一起讨论，如果感兴趣可以参加。
工具推荐
1 沉浸式翻译（超推荐🥰）
一个浏览器插件，借用大模型能力或各家翻译服务，以中英文隔段落对照的形式进行翻译，轻松打平国内外信息差，阅读效率upup。可以用来翻译网页、YouTube双语字幕、epub、md、字幕文件、pdf、漫画等等。
借助大模型出色的理解上下文的能力，各个大模型的翻译效果都很出色，沉浸式翻译可以自己配置大模型API，支持市面上绝大多数的大模型，国内很多大模型开放平台都有提供免费Token，可以花最少的成本得到最好的体验。嫌麻烦的话可以开会员，其免费调用OpenAI、Claude等服务。
我可以向你保证，在使用它之后，就离不开它了。我一般会借助它协助我阅读文档，技术博客，Youtube翻译字幕，学习成长速度倍增。
在「视频.2」中，简单介绍了沉浸式翻译如何使用。
在「视频.3」和「播客.2」中，讲述沉浸式翻译背后的独立开发者Owen的故事，沉浸式翻译的灵感来源（创意来自一本书，其中的翻译方式就是中英文隔段落对照的方式）以及如何诞生，Owen作为独立开发者的经验分享，对注意力自由的探讨。
【教程】3步快速免费接入大模型（以豆包大模型为例）
-
你需要打开豆包大模型，登录并实名认证（实名后大部分模型都有提供免费50万Token）
-
在模型推理-在线推理中创建推理接入点，选择一个模型，有字节的豆包，月之暗面的Moonshot，智谱GLM3等等，推荐选择10000 RPM的模型。选择好后点击接入模型，留意”ep-”开头的字符串，待会要用到。
-
点击API Key管理，创建你的API Key，并复制。
-
配置你的沉浸式翻译插件，找到豆包大模型，点击修改。在修改界面将APIKEY和ep开头的接入点复制进去，然后将翻译服务选择豆包大模型，就可以调用模型的能力进行翻译啦~
 |  |
|---|
最后我们来对比下不同翻译平台的翻译效果：
原文： What are the benefits of Islands?
The most obvious benefit of building with Astro Islands is performance: the majority of your website is converted to fast, static HTML and JavaScript is only loaded for the individual components that need it. JavaScript is one of the slowest assets that you can load per-byte, so every byte counts.
Another benefit is parallel loading. In the example illustration above, the low-priority “image carousel” island doesn’t need to block the high-priority “header” island. The two load in parallel and hydrate in isolation, meaning that the header becomes interactive immediately without having to wait for the heavier carousel lower down the page.
Even better, you can tell Astro exactly how and when to render each component. If that image carousel is really expensive to load, you can attach a special client directive that tells Astro to only load the carousel when it becomes visible on the page. If the user never sees it, it never loads.
In Astro, it’s up to you as the developer to explicitly tell Astro which components on the page need to also run in the browser. Astro will only hydrate exactly what’s needed on the page and leave the rest of your site as static HTML.
Islands are the secret to Astro’s fast-by-default performance story!
社区译文： 群岛的好处有哪些？
Astro 群岛的最明显的好处就是性能：你网站的大部分区域都被转换为了快速、静态的 HTML，JavaScript 只有在需要的时候才会加载到各个组件中。JavaScript 是一个加载得最慢的资源。每一个字节都影响着阅读者的体验！
另一个好处是并行加载。在上面的一些假想例子中，重要性更低的图像轮播不应该阻挡更重要的页头部分的加载。它俩并行加载但独自激活（hydrate），这表明阅读者并不需要等着更沉重的图像轮播加载完毕就可以与页头交互了。
更棒的地方在于：你可以准确地告诉 Astro 如何以及何时渲染每个组件。如果该图像轮播的加载成本真的很高，你可以附加一个特殊的客户端指令，告诉 Astro 仅在轮播在页面上可见时才加载它。如果用户从未看到它，它永远不会被加载。
在 Astro 中，作为开发人员，你可以明确告诉 Astro 你的页面上的哪些组件也需要在客户端浏览器中运行。Astro 只会准确地补充页面上需要交互性的内容，并将你的网站的其余部分保留为静态 HTML。
群岛正是 Astro 在默认情况下能够如此迅速之秘诀！
翻译效果：
 |  |
|---|
 |  |
|---|
2 Refactoring.Guru 图解设计模式
学习设计模式思想和重构思想的网站，配有精致插图和多个语言的代码示例，帮助你更好的理解和学习设计模式和重构。目前设计模式有官方中文，重构章节暂不支持中文，可以使用沉浸式翻译。
文章
1 准备好参加 ViteConf 2024 了吗？
播客
1 WebWorker——No.62 双人相声：OSAwards 2024 国际服前端哪些作品获奖了？
2 硬地骇客——沉浸式翻译背后的故事 | 对话创始人Owen（推荐）
视频
1 vlog #69 | 程序员下班的学习记录｜注意力流向哪里，哪里就有能量｜在读《诊疗椅上的谎言》与《巴菲特致股东的信》｜日常英语学习｜日记本写完啦 🎉
2 沉浸式翻译，强的离谱啊！10大场景使用教程【干货】
3 Owen 聊沉浸式翻译的起源、裸辞三年的经历、做穷人也能用的产品、大亚湾的生活
句子
1 人生并不是与他人比较
我们从小就被学校灌输一种非常畸形的竞争观念，要求我们把同龄人当作是竞争对手，但长大了之后，我发现我的人生并不是与其他人比较，就像《被讨厌的勇气》里面说到，“人生不是与他人的比赛”，“虽然行进距离或速度各不相同，但大家都平等地走在一个平面上。所谓“追求优越性”是指自己不断朝前迈进，而不是比别人高出一等的意思。
如果你总觉得别人的存在会对自己造成危险，你很可能会陷入一种焦虑的状态，总是担心自己不够好或者害怕被他人超越。这种心态不仅会让你感到疲惫，还会阻碍你真正地享受生活和人际关系。
——polebug23