视野修炼第35期

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

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

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

🔥强烈推荐

1. ECMAScript 2023 新特性

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

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

1.1 findLast/findLastIndex

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

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

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（增/删） 用法

2. Xmind Copilot - AI生成思维导图

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

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

3. AI 工具箱

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

🔧开源工具&技术资讯

4. 2023 Web Components 现状（中文）

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

5. HTML 的新增标签 search

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>