---
url: https://sugarat.top/weekly/2024-09-01.md
description: >-
  ① Rspack 1.0 发布公告 ② 通过绘图评论 ③ Coolify - 开源应用运行平台 ④ Tagger - 标签选择组件 ⑤ npm
  依赖更新检查工具 ⑥ 使用 CSS 实现页面弹性效果 ⑦ 10大Git 技巧 ⑧ Emoji 搜索
---

# 视野修炼第99期 | Rspack 1.0

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

\[\[toc]]

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

## 🔥强烈推荐

### [1. Rspack 1.0 发布公告](https://rspack.dev/zh/blog/announcing-1-0)

> Rspack 是基于 Rust 编写的下一代 JavaScript 打包工具， 兼容 webpack 的 API 和生态，并提供 10 倍于 webpack 的构建性能。

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

发布 1.0 意味着什么？

> Rspack 实现了 webpack 的核心功能，API 达到稳定。在未来 12～18 个月内，会保证 Rspack 1.x API 的稳定性，开发者可以放心地基于 Rspack API 开发上层的框架和工具。

### [2. 通过绘图评论](https://danq.me/2024/08/15/draw-me-a-comment/)

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

*蛮有意思的，[项目已开源](https://github.com/Dan-Q/q23-drawings-as-wordpress-comments/)，支持展示绘制轨迹。*

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

### [3. Coolify](https://github.com/coollabsio/coolify) - 开源应用运行平台

快速搭建类似 Vercel 的平台。

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

```sh
curl -fsSL https://cdn.coollabs.io/coolify/install.sh | bash
```

*特性挺多，可以在自己的服务器上部署一个尝试。*

### [4. Tagger](https://github.com/jcubic/tagger?tab=readme-ov-file) - 标签选择组件

0 依赖，JS 原生实现。

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

### [5. npm 依赖更新检查工具](https://github.com/raineorshine/npm-check-updates)

```sh
npm install -g npm-check-updates
ncu -i
```

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

支持交互式的选择。

antfu 大佬也有一个类似的工具，[taze](https://github.com/antfu-collective/taze)。

```sh
npx taze
```

## 📚教程&文章

### [6. 使用 CSS 实现页面弹性效果](https://css-tricks.com/elastic-overflow-scrolling/)

此效果是页面划到顶/底部时可继续操作，手指松开后页面回弹的效果。

利用 `scroll-snap-type` 和 `scroll-snap-align` 实现。

*知识盲区。*

### [7. 10大Git 技巧](https://www.honeybadger.io/blog/git-tricks/)

挑 3 个：

1 空提交

```sh
git commit --allow empty -m 'it works!'
```

2  更易读的提交日志

```sh
git log --pretty=oneline --graph --decorate --all
```

3 查询已删除提交

```sh
git reflog 
```

## 🤖AI工具&资讯

### [8. Emoji 搜索](https://emojispark.com/)

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

*效果不错，收藏！*

## ⭐️强力推荐关注

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

* [阮一峰: 科技爱好者周刊](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) - 技术周刊精选推荐信息流