---
url: https://sugarat.top/weekly/2024-06-30.md
description: >-
  ① 豆包 MarsCode 正式发布 ② ECMAScript 2024 正式发布 ③ Mako 开源 - 蚂蚁的 Rust 力作 ④
  CSDN批量搬运Github项目伪造开发者主页 ⑤ HTML 旋转图像实现示例 ⑥ 一组看着糙的组件库 ⑦ Chrome 126 中 DevTools
  的新增功能 ⑧ 纯 CSS 实现环形文本
---

# 视野修炼第90期 | 豆包AI IDE

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

\[\[toc]]

**​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）**

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

## 🔥强烈推荐

### [1. 豆包 MarsCode 正式发布](https://www.marscode.cn/)

MarsCode 国内版于本周正式发布了，功能和之前的海外版基本一致，提供 **IDE 插件（编码辅助）** 和 **Cloud IDE（完整开发环境）** 两种。

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

支持直接导入 GitHub 的项目进行开发，也可以使用预设的模板。

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

每个项目配置为 `2核心4G内存10G硬盘`（非常良心，可以运行大部分的项目了）。

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

访问速度非常的快，整体体验也非常流畅（基本追平本地的 `VS Code` 开发体验）。

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

*海外版模型使用 GPT驱动，还支持前后端服务部署能力。*

下面是我部署的一个可访问站点 `https://37hekvd6mnamv.ahost.marscode.site`，操作非常简单（支持自定义域名）。

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

### [2. ECMAScript 2024 正式发布](https://tc39.es/ecma262/2024/)

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

能够日常用上的有 `Promise.withResolvers` 和 `Object.groupBy`，下面是使用示例。

```js
function request() {
  const { promise, resolve, reject } = Promise.withResolvers()
  setTimeout(() => {
    resolve('success')
  }, 2000)
  return promise
}

request().then(console.log)

const data = [
  { name: 'Alice', age: 25, sex: 'female' },
  { name: 'Bob', age: 30, sex: 'male' },
  { name: 'Charlie', age: 20, sex: 'female' },
  { name: 'David', age: 35, sex: 'male' },
]

Object.groupBy(data, v => v.sex)
```

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

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

### [3. Mako 开源](https://mp.weixin.qq.com/s/IqpnrgeBQhi2haIBy1CCjQ) - 蚂蚁的 Rust 力作

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

国内的第二家开源 Rust 前端构建工具大厂产品（另一个是字节的 Rspack）。

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

毋庸置疑，benchmark 测试数据都是当下最快（慢了也不好意思对比）。

*个人觉得，只要不是纯 `webpack` 随便一个跨语言的构建工具都非常快。*

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

### [4. CSDN批量搬运Github项目伪造开发者主页](https://mp.weixin.qq.com/s/f-UCbGV30jYQsFbJoUiBJg)

本周又一技术圈大🍉。

CSDN 旗下产品 GitCode 平台，主动把一些热门的 GitHub 的项目搬到自家平台上，并生成作者主页。

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

使用 GitHub 账号登录提示如下。

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

[Gitcode-offical-team/GitCode-Docs](https://gitcode.com/Gitcode-offical-team/GitCode-Docs/overview)仓库 issue 下大部分都是要求删除和归属仓库的信息。

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

*emm 有点不太礼貌，之前的 Gitee 都是大家自己选择同步，这 GitCode 就像 Gitee 换皮平台。可能会导致搜索引擎搜项目出来的是GitCode 而不是 GitHub项目。*

### [5. HTML 旋转图像实现示例](https://bvadata.com/html_spinner_examples.html)

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

### [6. 一组看着糙的组件库](https://www.neobrutalism.dev/react/components/button)

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

## 📚 教程&文章

### [7. Chrome 126 中 DevTools 的新增功能](https://developer.chrome.com/blog/new-in-devtools-126)

挑2个可能能用上的

1. 性能面板，CPU 调低20倍
   ![](https://cdn.upyun.sugarat.top/mdImg/sugar/c142754cc7d17f23b919b348f1805f68)

2. Lighthouse 12.0.0

### [8. 纯 CSS 实现环形文本](https://frontendmasters.com/blog/pure-css-circular-text-without-requiring-a-monospace-font/)

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

*甚至可以选中复制！*

## 😛趣图

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

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre123.com/weekly) - 前后端技术周刊精选推荐信息流