# 2022-10
每天给你推荐一个新奇，好玩，高品质的开源库，好文，观点或言论等。
> 项目主页维护当前月份的内容，想看往期内容，可以翻到下方历史汇总部分，然后选择自己感兴趣的月份点进去即可。
## 2022-10
### 20220-10-31\[技巧]
input 输入框有一个 capture 属性，允许用户在手机上直接调用摄像头。之前我们大多是通过混合式 app 调用 jssdk 的方式来实现。
代码：
```html
```
capture="environment" 会开启录制， capture="user" 会开启拍照模式。
### 2022-10-24\[工具]
我们通常会对自己的线上服务进行监控，保证自己服务的可用性。而很少有对自己服务中的外链进行监控。其实想做到也很简单，直接爬虫后正则匹配网站后发送一个请求查看其是否可用即可。这里介绍一个工具，它的作用就是帮你检查网站的**坏链**。
使用方法非常简单，一行命令就可以了。
```bash
$ npx check-html-links your_site_url
```
via:
### 2022-10-22\[好文]
一个如何解决一个 bug 的深度复盘文章。原文标题《随手给 Safari 提了一个 Bug，让我意外收获了这些新知识 》
via:
### 2022-10-21\[类库]
现在市面上有一些在线编辑 gif 的工具，那么你知道如何自己实现一个这样的工具么？借助今天介绍的类库就可以很简单地实现，我们可以对帧率，算法等进行深度定制，灵活性极高。
canvas-gif 是一个编辑 gif 的图片，通过它可以修改 gif 的内容，增加文字等。
via:
### 2022-10-19\[仓库]
Pake 是一个让你用 Rust 开发桌面客户端的工具， 类似于 electron 开发桌面应用，只不过这个基于 Rust 的，最大的特点是大小要小将近 50 倍，一般不到 2M。(electron 应用打出来都是百兆起)
via:
### 2022-10-18\[类库]
两行代码将 playground 集成到你的项目中。
```js
import { Sandpack } from "@codesandbox/sandpack-react";
;
```
如上代码直接生成 playground 到 DOM 上， 你可以在左侧编辑代码，右侧可以实时看到效果。
在这之前，我想实现类似的效果都是嵌入一些这种网站， 比如 codepen 到我的项目中的，自定义程度很差。
via:
### 2022-10-15\[网站]
输入文字自动生成高清视频，视频素材打打字就能搞定？ 或许吧，目前网站还在预定中，对这个功能感兴趣的可以先预定。
> 目前市面上已经有竞品了，这对用户来说是好事 😄
via:
### 2022-10-16\[教程]
keynote 自从有了**神奇移动** 动效后， 我发现用 keynote（类似于 windows 的 ppt） 做动画很简单。很多人也发现了这一点。同时我看了一些教程，现在基本上大多数的动画只要看一眼就大概知道怎么去做了。
这里推荐我看过的一个教程，里面有几十个 demo，每一个都用一分钟左右的碎片化时间完成。看完你会发现，使用到的技巧其实就那么几种。然而恰好就是这几种就能完成大多数的动画效果，而且还**特别简单**。
via:
### 2022-10-06\[好文]
一个可以在 web 上直接接入打赏功能的工具。
打赏者需要下载一个浏览器插件并注册一个账号，被打赏者需要在网站增加一个 link 标识一下网站的被打赏人的基本信息。
感觉之后的自媒体会往这个方向发展，结合 web3 逐渐弱化中心化的自媒体平台。
via:
> 目前也有一些自媒体工具，可以直接给你生成一个属于你自己的自媒体平台。比如这个
### 2022-10-05\[好文]
分享一篇雪球上的关于投资的好文。《众所周知，最有价值的投资资料，都是免费的》
via:
### 2022-10-04\[仓库]
novu 是一个关于消息推送的解决方案。
它提供了易于使用的 JS 客户端。
如下代码可以精准地向某一个用户推送一条 hello world 消息，并附带一个 logo。
```js
import { Novu } from "@novu/node";
const novu = new Novu(process.env.NOVU_API_KEY);
await novu.trigger("", {
to: [
{
subscriberId: "",
email: "john1@doemail.com",
firstName: "John",
lastName: "Doe",
},
],
payload: {
name: "Hello World",
organization: {
logo: "https://happycorp.com/logo.png",
},
},
});
```
其中 NOVU\_API\_KEY 就是你在 novu 上申请的一个秘钥，由于服务端验证。
via:
### 2022-10-03\[仓库]
一个可以不多写一行代码就给 Java 项目生成 API 文档的工具。 基本原理是基于 AST 去分析代码，然后给其添加 API Doc。
Node 项目很难使用这种方法，因此 JS 是一门动态语言， 很难通过 AST 去分析出所有的路由定义信息，除非加一些显式的约定。
via:
### 2022-10-02\[技巧]
大家可能看过这种表格，里面的上涨和下跌使用不同深度的颜色来区分。
使用 excel 可以很容易实现这个需求。
具体操作为：选择“条件格式”-“色阶”-“红白绿色阶”，这样就使得涨幅大的数据自动显示深红色，跌幅大的数据自动显示深绿色。
### 2022-10-01\[资料]
操作系统是计算机专业重要的课程，对每一个从事软件开发的人都是很重要的课程。
* 从思想上， 你可以学到先辈的先进思想和经验，比如操作系统中的各种数据结构和算法。
* 从操作上， 可以帮助你更高效地使用操作系统。比如学习 shell 可以帮你更快写出脚本。
因此非常推荐大家进行学习。这里推荐一份《如何从零开始编写一个操作系统!》
via:
如果实在觉得啃得困难，可以看看《重学操作系统》这个资料
## 关注我
我重新整理了下自己的公众号，并且我还给它换了一个名字`脑洞前端`，它是一个帮助你打开大前端新世界大门的钥匙 🔑，在这里你可以听到新奇的观点，看到一些技术尝新，还会收到系统性总结和思考。
在这里我会尽量通过图的形式来阐述一些概念和逻辑，帮助大家快速理解，图解是我的目标。
之后我的文章会同步到微信公众号 `脑洞前端` ，你可以关注获取最新的文章，并和我进行交流。
另外你可以回复大前端进大前端微信交流群， 回复 leetcode 拉你进 leetcode 微信群，如果想加入 qq 群，请回复 qq。
