---
url: https://sugarat.top/weekly/2023-04-28.md
description: >-
  ① ECMAScript 2023 新特性 ② Xmind Copilot - AI生成思维导图 ③ AI 工具箱 ④ 2023 Web
  Components 现状（中文） ⑤ HTML 的新增标签 search ⑥ wails - 使用 Go 构建跨平台应用 ⑦ AI 法律助手 ⑧
  语雀：Midjourney&Stable diffusion 知识库 ⑨ OpenAI现场演示官方版AutoGPT ⑩ 讯飞版ChatGPT ⑪
  MiniGPT-4 - 看图聊天，不在话下
---

# 视野修炼第35期

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

\[\[toc]]

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

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

## 🔥强烈推荐

### [1. ECMAScript 2023 新特性](https://mp.weixin.qq.com/s/5TmiUeThLpVIxNG5rUsdbQ)

> 今年即将推出的一些 JavaScript 语言特性，预计在 6 月底发布

部分内容或多或少在之前 stage2/3 阶段的时候就有所耳闻了，几个实用性强的如下

#### 1.1 findLast/findLastIndex

与 find/findIndex 行为类似，倒序查找

```js
const arr = [1, 2, 3, 4]

arr.findLastIndex((v) => v % 2 === 0) // 3
arr.findLast((v) => v % 2 === 0) // 4
```

#### 1.2 WeakMap支持使用Symbol作为Key

在此之前只允许使用 普通对象作为key

```js
const weak = new WeakMap()
const key = Symbol('')
weak.set(key, 'hello world')

console.log(weak.get(key)) // hello world
```

#### 1.3 Change Array by copy

在之前`sort`,`reserve`,`splice`等方法都会改变原数组

通过这个特性，支持从创建的数组副本里改变数组，而不影响原来的内容，操作后返回一个新的数组

下面简单介绍一下`toSorted（排序）`,`toReversed（逆序）`,`with（改变某一项的值）`,`tospliced（增/删）` 用法

![](https://img.cdn.sugarat.top/mdImg/MTY4Mjk5NzQxMDQ5OQ==682997410499)

### [2. Xmind Copilot](https://mp.weixin.qq.com/s/R4OE3YQP4h1kDm38xRnqBw) - AI生成思维导图

一键拓展思路，高效生成文章

![](https://img.cdn.sugarat.top/mdImg/MTY4Mjk5ODcyMzU2NQ==682998723565)

非常nice，赶紧上车（亲测注册当天就通过审核）

### [3. AI 工具箱](https://ai-bot.cn/)

网址分门别类的整理了许多AI相关的站点和工具，适合放入收藏夹

![](https://img.cdn.sugarat.top/mdImg/MTY4MzAxOTA2MzgwNg==683019063806)

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

### [4. 2023 Web Components 现状（中文）](https://blog.5bang.top/2023/04/21/2023_state_of_web_component)

> 本文讨论了 Web Components 当前的标准现状，以及对未来的展望

![](https://img.cdn.sugarat.top/mdImg/MTY4MzAxMzI1MDYxOA==683013250618)

### [5. HTML 的新增标签 search](https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-element)

> HTML 的最新标准新增了`<search>`标签，它类似于`<div>`标签，用来放置搜索相关的元素。

```html
<header>
  <h1><a href="/">My fancy blog</a></h1>
  ...
  <search>
    <form action="search.php">
      <label for="query">Find an article</label>
      <input id="query" name="q" type="search">
      <button type="submit">Go!</button>
    </form>
  </search>
</header>
```

### [6. wails](https://wails.io/zh-Hans/) - 使用 Go 构建跨平台应用

![](https://img.cdn.sugarat.top/mdImg/MTY4MzAxMzg3MDI1Nw==683013870257)

## 🤖AI工具&资讯

### [7. AI 法律助手](https://github.com/lvwzhen/law-cn-ai)

> 作者将中国法律法规喂给 ChatGPT，做成的法律问答引擎

![](https://img.cdn.sugarat.top/mdImg/MTY4Mjk5NzgzMzY4Ng==682997833686)

### [8. 语雀：Midjourney\&Stable diffusion 知识库](https://tob-design.yuque.com/kxcufk/mj)

对文生图感兴趣的小伙伴可以关注一下

![](https://img.cdn.sugarat.top/mdImg/MTY4Mjk5ODQyMTIyMw==682998421223)

### [9. OpenAI现场演示官方版AutoGPT](https://mp.weixin.qq.com/s/rMS8IdS0qdq6Y2nl-UM-Ew)

创作画画发推一条龙，自主调用外部应用完成任务

### [10. 讯飞版ChatGPT](https://mp.weixin.qq.com/s/DK1q729NgY3YpGjA_ma6TQ)

笔者还没排上（申请后会有AI打电话过来确认信息）

![](https://img.cdn.sugarat.top/mdImg/MTY4MzAxMjc3NTY3MA==683012775670)

同事排上了，测试后代码功底还不错，默认支持多轮对话

### [11. MiniGPT-4](https://mp.weixin.qq.com/s/afnC9OpPUH17a8wg1COuUQ) - 看图聊天，不在话下

![](https://img.cdn.sugarat.top/mdImg/MTY4MzAxODE2NTg0Mw==640.gif)

***

篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<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) - 前端前沿技术、资讯、方法论分享