---
url: https://sugarat.top/weekly/2024-07-28.md
description: >-
  ① Stack Overflow 2024 开发者调查报告 ② React 2023 调查结果 ③ Sendune - HTML 邮件制作工具 ④
  hash-wasm - 哈希函数库 ⑤ ky - 基于 fetch 的 HTTP 客户端 ⑥ 英：前端构建概述 ⑦ Album AI - AI 图片检索 ⑧
  AI Emoji Search
---

# 视野修炼第94期 | 2024 开发者调查报告

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

\[\[toc]]

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

## 🔥强烈推荐

### [1. Stack Overflow 2024 开发者调查报告](https://survey.stackoverflow.co/2024/)

流行的语言：

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

*JS：一骑绝尘*

Web 技术：

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

数据库：
![](https://cdn.upyun.sugarat.top/mdImg/sugar/bd6d2a8deb297eb7e82775d8df38e33e)

IDE：

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

*VS Code: 宇宙第一IDE*

统计者数据（不含国内从业人员）：

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

### [2. React 2023 调查结果](https://2023.stateofreact.com/zh-Hans/)

1. 在最常用的 React API 中，forwardRef 是给开发者带来最多痛点的，紧随其后的是 memo。幸运的是，React 团队正在推出更好的替代方案。
2. useEffect 和 useCallback 被认为是最有问题的 React hooks，主要是由于依赖数组的管理

总结：

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

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

### [3. Sendune](https://github.com/SendWithSES/Drag-and-Drop-Email-Designer) - HTML 邮件制作工具

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

### [4. hash-wasm](https://github.com/Daninet/hash-wasm) - 哈希函数库

一个轻量级的哈希函数库，提供了几十种种常见的哈希算法，使用C编写，转化成 wasm 支持。

使用非常简单。

```js
import { md5 } from 'hash-wasm'

async function run() {
  console.log('MD5:', await md5('demo'))
}

run()
```

### [5. ky](https://github.com/sindresorhus/ky) - 基于 fetch 的 HTTP 客户端

编写请求代码更加优雅简洁，基于 fetch API 实现。

```js
import ky from 'ky'

const json = await ky.post('url', { json: { foo: true } }).json()
```

## 📚教程&文章

### [6. 英：前端构建概述](https://sunsetglow.net/posts/frontend-build-systems.html)

> 开发人员编写 JavaScript；浏览器运行 JavaScript。从根本上来说，前端开发中不需要任何构建步骤。那么为什么我们在现代前端有一个构建步骤呢？

直接使用源码会面临两个问题：`兼容性`, `性能`。

**前端构建工具可以将源码处理为 1 个或者多个针对浏览器环境优化后的 js 文件。**

*这篇文章或许能为你解答为什么需要构建工具这个问题。*

## 🤖AI工具&资讯

### [7. Album AI](http://album.gcui.ai/) - AI 图片检索

将图片作为数据源，根据提示词自动检索合适的图片进行展示。

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

### [8. AI Emoji Search](https://ai-emoji.bettergogo.com/)

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

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

速度比较快，匹配度还行。

## 😛趣图

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

## ⭐️强力推荐关注

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

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