---
url: https://sugarat.top/weekly/2023-07-07.md
description: >-
  ① ECMAScript 2023 正式发布，有哪些新特性？ ② 字节跳动的前端工程化实践 ③ 基于 Nginx 实现一个灰度上线系统 ④ foxact-
  React Hooks/Utils ⑤ Vue2、Vue3 使用率 7:3 开 ⑥ 稀土开发者大会（XDC 2023）回放 + PPT ⑦ Wonder
  Studio：将视频中的人物替换为 3D CG 角色 ⑧ OpenAI 向所有付费用户开放GPT-4 API权限 ⑨ 阿里「通义听悟」推出浏览器插件
---

# 视野修炼第44期

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

\[\[toc]]

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

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

## 🔥强烈推荐

### [1. ECMAScript 2023 正式发布，有哪些新特性？](https://mp.weixin.qq.com/s/5WWk553PPNzeekHQSRHn5w)

* 从头到尾搜索数组：`findLast()` 、`findLastIndex()`
* Hashbang 语法
* 通过副本更改数组：`toReversed()`、`toSorted()`、`toSpliced()`、`with()`
* Symbol 作为 WeakMap 的键

这个在之前一期有介绍过，上周正式发布，配一下babel生产上就能用起来了

### [2. 字节跳动的前端工程化实践](https://zhuanlan.zhihu.com/p/640021617)

* 自研 Monorepo 工具，用于降低多项目的维护成本；
* 对原有的微前端框架进行升级，进一步降低多人开发的协作成本；
* 开发 Bundler 和 Build System，来加快巨型应用的构建速度；
* 提供诊断工具，来有效地防止应用劣化。

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwNTM3NzI5MA==688905377290)

### [3. 基于 Nginx 实现一个灰度上线系统](https://mp.weixin.qq.com/s/36g51pc-qeO3GDfywiHjMQ)

文章介绍了如何基于 Nginx 实现一个灰度上线系统

其中通过Cookie的标识，来划分流量

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwODcyMTA2Mw==688908721063)

在实际生产中，灰度标识还可以是 query，用户id，token 等

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

### [4. foxact](https://foxact.skk.moe/)- React Hooks/Utils

一个React hooks 库 支持浏览器SSR，RSC

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwNTY2MjQ5NQ==688905662495)

### [5. Vue2、Vue3 使用率 7:3 开](https://twitter.com/FarSideOfMoonvy/status/1676046421894791168)

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwNTczMTY2NQ==688905731665)

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwNTc0OTg3NQ==688905749875)

“祖师爷”的叹息💨!!

不过确实在公司里要上Vue3，老项目💩⛰根本不敢动，组件库也是烂的很

### [6. 稀土开发者大会（XDC 2023）回放 + PPT](https://mp.weixin.qq.com/s/fXPM1VfHdlgF16pVO7lSpw)

还是有不少干货的，可以调感兴趣的领域看看

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwODI5NzcwNA==688908297704)

## 🤖AI工具&资讯

### [7. Wonder Studio：将视频中的人物替换为 3D CG 角色](https://wonderdynamics.com/)

> Wonder Studio是一个AI工具，可以自动将CG角色动画化、照明和合成到真人场景中

### 8. OpenAI 向所有付费用户开放GPT-4 API权限

笔者在 07/07 当天收到的邮件通知

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwNjAxMjM2MQ==688906012361)

去 OpenAI Playground看了一下果然可以了

不过价格差距蛮大emmm，慎用哈哈

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwNjIxNjc4Mg==688906216782)

### [9. 阿里「通义听悟」推出浏览器插件](https://tingwu.aliyun.com/helpcenter/9ba338)

提供 Chrome 和 Edge 两个版本

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkxMDY1OTY1Nw==688910659657)

支持 实时翻译/转写/摘要音视频

## 😛趣图

![](https://img.cdn.sugarat.top/mdImg/MTY4ODkwODA0OTgyNQ==688908049825)

***

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html)

## ⭐️强力推荐关注

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://www.yuque.com/chencheng/mdh-weekly) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [rottenpen：FE News](https://rottenpen.zhubai.love/) - 分享前端，生活
* [知识星球：咲奈的平行时空](https://wx.zsxq.com/dweb2/index/group/15552285284822) - 前端前沿技术、资讯、方法论分享