---
url: https://sugarat.top/weekly/2024-08-18.md
description: >-
  ① 安全赋值运算符提案 ② 英：45个提升生产力的VS Code快捷指令 ③ 文字徽标制作工具 ④ Rslib -  ⑤ 使用js实现打字机效果 ⑥
  Aide - 在 VSCode 中征服任何代码 ⑦ Product Hunt 每日中文热榜
---

# 视野修炼第97期 | ?=提案

欢迎来到第 97 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. 安全赋值运算符提案](https://github.com/arthurfiorette/proposal-safe-assignment-operator)

```js
const [error, response] ?= await fetch("https://arthur.place")
```

致使异步调用返回一个 `[error, value]`元组

感觉还是很有用，这样不用担心 `Promise catch` 中断函数执行了。

### [2. 英：45个提升生产力的VS Code快捷指令](https://www.sitepoint.com/visual-studio-code-keyboard-shortcuts/)

* 变量重命名：`F2`
* 文件之间切换：`Ctrl + Tab`
* 快速导航: `Ctrl + P`
* 设置：`Ctrl + ,`
* 快速的行复制：`Alt + Shift + ↑`
* 集成终端：`Ctrl + J`

下面是变量重命名的操作。（又学到一手）
![](https://cdn.upyun.sugarat.top/mdImg/sugar/e7533a718cbe16c382ae1c219dabd6fc)

当然上面只列出了一些笔者觉得使用频率高的，

*Mac 上 Ctrl 换成 Command。*

## 🔧开源工具&技术资讯

### [3. 文字徽标制作工具](https://www.logo.surf)

> 一个制作文字徽标（logo 和 favicon）的在线工具

![](https://cdn.upyun.sugarat.top/mdImg/sugar/93f590a754497e862fa550d019795c31)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/3fc3e5446c2c964dad77025407e1b03d)

### [4. Rslib](https://github.com/web-infra-dev/rslib) - Rspack 出品npm构建工具

![](https://cdn.upyun.sugarat.top/mdImg/sugar/6c6a1e23cc04164bba6129f7e0fc67fd)

> Rslib 构建在 Rsbuild 优秀的配置和插件之上，提供最佳的 ESM 和 CJS 输出

开发 npm 包的场景可以使用，和 tsup 类似，后者基于 esbuild , 前者基于 [Rsbuild](https://rsbuild.dev/)。

## 📚教程&文章

### [5. 使用js实现打字机效果](https://webdesign.tutsplus.com/how-to-create-an-auto-text-typing-effect-with-vanilla-javascript--cms-108795t)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/18e458c38b0ebae48bec725bd7a6e055)

## 🤖AI工具&资讯

### [6. Aide](https://aide.nicepkg.cn/zh/) - 在 VSCode 中征服任何代码

![](https://cdn.upyun.sugarat.top/mdImg/sugar/e36107dca58e60fc98ead74fb8ee0cc3)

可以指定 OpenAI 模型和国产的一些模型。

### [7. Product Hunt 每日中文热榜](https://decohack.com/category/producthunt/)

> 每日 Product Hunt 热门产品的中文榜单

![](https://cdn.upyun.sugarat.top/mdImg/sugar/8785bc6ce711520a0d93e5907d6291e8)

了解一些小众&新颖的产品渠道，可用于产品灵感获取。

## 😛趣图

![](https://cdn.upyun.sugarat.top/mdImg/sugar/19813587a6451837bea844f0c32c2e60)

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://sorrycc.com/mdh/) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流