# 2022-08

![](https://p.ipic.vip/jz9ms7.jpg)

每天给你推荐一个新奇，好玩，高品质的开源库，好文，观点或言论等。

> 项目主页维护当前月份的内容，想看往期内容，可以翻到下方历史汇总部分，然后选择自己感兴趣的月份点进去即可。

## 2022-08

### 2022-08-31\[视频]

web3 的零基础科普视频。

via: <https://www.youtube.com/watch?v=1QKbm3Sv2Uw>

### 2022-08-30\[仓库]

这个工具可以将 Go 代码编译成 JS 代码。

via: <https://github.com/gopherjs/gopherjs>

### 2022-08-29\[好文]

pico.js, 一个只有两 2kb 的人脸识别 JS 库？

via: <https://nenadmarkus.com/p/picojs-intro/>

### 2022-08-26\[仓库]

upptime 是一个自动化检测网站可用性的仓库。你可以直接通过 Github 直接 fork 不用写一行代码，只要改改配置文件就可以生成自己的网站并监控自己想监控的任意网站。

如下是我自己生成的监控我旗下的四个网站的可用性。

via: <https://github.com/azl397985856/leetcode-pp-available>

![](https://p.ipic.vip/lzhbmf.jpg)

可以看出我的博客的访问时间是最长的，看来还是需要优化啊。

upptime 可以自动生成天，周，月，年的可用性报表，不用你做任何操作。

我在使用的过程目前还有一些小的 bug 没有解决，我还提了 issue。不过这不影响它的整体使用。

via: <https://github.com/upptime/upptime>

### 2022-08-25\[好文]

如何开发一个简单的云服务？如果云函数需要使用数据怎么办？这边文章以 cloudflare 为例讲解了如何处理这一情况，内容非常详细。

其他云服务厂商也是非常类似的， 你甚至可以使用一些工具来屏蔽云服务厂商的差异（除了价格差异，很多差异都很容易屏蔽）。

via: <https://blog.logrocket.com/creating-url-shortener-cloudflare-workers/>

### 2022-08-21\[网站]

webauthn 是 web3 的验证方式，基于公钥/私钥体系， 你可以使用它来为你的 web3 应用接入鉴权。

<https://webauthn.guide/#webauthn-api>

### 2022-08-20\[仓库]

u 是一个类似 protobuffer 的序列化和反序列化方案，特点是面向 URL 的，因此编码的字符不会有不兼容 url 的字符，比如 `?`。

via: <https://github.com/ananthakumaran/u>

### 2022-08-19\[网站]

一个基于 `web3` 的云盘，卖点是安全， 支持 10 GB 的免费存储。

via: <https://internxt.com/>

### 2022-08-18\[网站]

一个可以在线给文字加拼音的网站。

如果你想集成到你的项目或者应用里，只要下载它提供的字体即可。字体在 Github 上， 地址：<https://github.com/jeffreyxuan/toneoz-font-pinyin-kai>

via: <https://toneoz.com/ime/?fnt=1>

### 2022-08-17\[仓库]

一个可以用 vue 写命令行工具的库。 如果你在写一个需要一些复杂 UI 的命令行工具，就可以考虑使用它。当然 React 也有类似的库，感兴趣的可以自行搜索下。

via： <https://github.com/webfansplz/temir>

### 2022-08-16\[好文]

《SSL 和 SSH 和 OpenSSH，OpenSSL 有什么区别》

via: <https://www.cnblogs.com/foohack/p/4103212.html>

### 2022-08-17\[网站]

一个可以根据例子反推正则的工具，实际作用不大，更多的是参考。 就好像 copilot 的提供测试用例自动推导代码一样，参考作用更大一点。

via: <https://pemistahl.github.io/grex-js/>

### 2022-08-16\[技巧]

如果你不知道怎么为你的程序写 release note， 可以参考 prisma 的这个，可以说是很正规和常见了，可以当做模板来使用。

via: <https://github.com/prisma/prisma/releases/tag/4.2.0>

### 2022-08-12\[网站]

一个类似于 learn-anything 的工具网站，它可以提供一个关于技术岗位的 roadmap。比如前端，后端， 数据库工程师等等。

之前就有关注过这个网站， 只不过最近有一个重大更新分享给大家。

现在每一个学习项目都是可以点击的。点击后就可以看到推荐的学习资料， 有文章和视频。 我看了几个，资料还是非常高质量的。

![](https://p.ipic.vip/9hbj5y.jpg)

via: <https://roadmap.sh>

### 2022-08-16\[网站]

一个在线玩数独的网站。同时推荐一个在线玩五子棋的网站。<https://cloudpigapp.com/gobang/>

via: <https://sudoku.com/>

### 2022-08-06\[仓库]

又一个类 React 的 UI 框架，主打还是小和快。其实和 preact 主打的点是相当重叠的，但是从 million 提供的 benchmark 数据来看的话比 preact 更小更快。

不知道会不会超越 preact 甚至超越 react 呢？

via: <https://github.com/aidenybai/million>

### 2022-08-05\[仓库]

用 TS 写了一个 TS 类型系统。

一个没啥应用场景的 TS 泛型 `HypeScript`，接受一段 ts 代码，然后返回报错信息。 不过却是你学习和理解泛型很好的资料哦。

via: <https://github.com/ronami/HypeScript>

### 2022-08-04\[工具]

推荐几个前端打包相关的工具，如果你在做构建性能优化的话，或许能用上。

* 第一个是 thread-loader， 这个是第三方维护的 loader，用于开启多线程进行打包，可以说是 happypack 的后继者吧，目前在 webpack 官方网站上可以看到 thread-loader 的介绍。 <https://webpack.js.org/loaders/thread-loader/>
* 第二个是 HardSourceWebpackPlugin，它可以缓存构建的结果以便下次使用，实际使用上来看效果很明显。<https://github.com/mzgoddard/hard-source-webpack-plugin>
* 最后一个是 esbuild-loader，它是基于大名鼎鼎的 esbuild 来做的，速度相当快，并且配套设施发展地很快。同样， 这个工具的提速效果也相当明显。<https://github.com/privatenumber/esbuild-loader>

## 关注我

我重新整理了下自己的公众号，并且我还给它换了一个名字`脑洞前端`，它是一个帮助你打开大前端新世界大门的钥匙 🔑，在这里你可以听到新奇的观点，看到一些技术尝新，还会收到系统性总结和思考。

在这里我会尽量通过图的形式来阐述一些概念和逻辑，帮助大家快速理解，图解是我的目标。

之后我的文章会同步到微信公众号 `脑洞前端` ，你可以关注获取最新的文章，并和我进行交流。

另外你可以回复大前端进大前端微信交流群， 回复 leetcode 拉你进 leetcode 微信群，如果想加入 qq 群，请回复 qq。

![](https://p.ipic.vip/bp35i7.jpg)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://leetcode-solution-leetcode-pp.gitbook.io/mz-ri-yi-jm/2022-08.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.