# 第 56 期 - 祝一下子瘦20斤

> 照片摄于西双版纳一寺庙里常规的祝福板子上发现的不常规的祝福，挺有爱。

- Issue: 56
- 发布日期: 2021/12/14
- HTML: https://weekly.tw93.fun/posts/56
- JSON: https://weekly.tw93.fun/api/posts/56.json
- English translation: https://weekly.tw93.fun/en/posts/56.md

---

<img src="https://gw.alipayobjects.com/zos/k/6k/YdPTai.jpg" width="800" />

<small>照片摄于西双版纳一寺庙里常规的祝福板子上发现的不常规的祝福，挺有爱。</small>

> **记录每周看到的接地气的前端潮流技术，筛选后发布于此，觉得不错可关注此专栏，方便获取更新通知**

## 前端技术

**Bracket pair colorization 10,000x faster**  
<https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization>  
VSCode 的彩色括号匹配的功能他们自己给重构了下，性能变得很牛逼，来看看怎么做的。

**在浏览器控制台安装 npm 包**  
<https://segmentfault.com/a/1190000040875211>  
<img src="https://cdn.tw93.fun/blog/upic/Tm0ata.jpg" width="800" />

**美团搜索多业务商品排序探索与实践**  
<https://tech.meituan.com/2021/11/19/exploration-and-practice-of-multi-business-commodities-ranking-in-meituan-search.html>  
美团关于多业务商品搜索的经验。

## 潮流开源

**TopNotch：隐藏新款 MBP 屏幕刘海**  
<https://topnotch.app/>  
可惜我没有机器，大概是这个样子，还是不错的。  
<img src="https://cdn.tw93.fun/blog/upic/tMHnfC.gif" width="800" />

**kalidokit：人体动作表情解读同步**  
<https://github.com/yeemachine/kalidokit>  
效果还是和牛逼的，真人测试。  
<img src="https://cdn.tw93.fun/blog/upic/QLQfsY.gif" width="800" />

**xterm：把命令行搬到浏览器**  
<https://xtermjs.org/>  
<img src="https://cdn.tw93.fun/blog/upic/sytU28.jpg" width="800" />

**microdiff：轻量快速的对比库**  
<https://github.com/AsyncBanana/microdiff>  
看代码就知道作用了。

```js
import diff from "microdiff";

const obj1 = {
  originalProperty: true,
};
const obj2 = {
  originalProperty: true,
  newProperty: "new",
};

console.log(diff(obj1, obj2));
// [{type: "CREATE", path: ["newProperty"], value: "new"}]
```

## 随便看看

**V2 上关于团队周五搞分享的讨论**  
<https://www.v2ex.com/t/815876>  
讨论不错，各种不同的观点。

**2021 年 00 后生活方式洞察报告**  
<https://cdn.tw93.fun/blog/upic/pM1UP2.pdf>  
腾讯整理的一个报告，一起来了解一下年轻人的生活方式、选择偏好与消费行为。
