# 第 54 期 - 石头长草

> 照片摄于周末杭州黄龙方向一个房子外面石头长草，很有意境，虽然照片只能稍微表达当时看到的感觉。

- Issue: 54
- 发布日期: 2021/11/30
- HTML: https://weekly.tw93.fun/posts/54
- JSON: https://weekly.tw93.fun/api/posts/54.json
- English translation: https://weekly.tw93.fun/en/posts/54.md

---

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

<small>照片摄于周末杭州黄龙方向一个房子外面石头长草，很有意境，虽然照片只能稍微表达当时看到的感觉。</small>

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

## 前端阅读

**美团知识图谱问答技术实践与探索**  
<https://tech.meituan.com/2021/11/03/knowledge-based-question-answering-in-meituan.html>  
美团在平台服务的售前、售中、售后全链路的多个场景中，用户都有大量的问题需要咨询商家。因此基于问答系统，以自动智能回复或推荐回复的方式，来帮助商家提升回答用户问题的效率，更快地解决用户的问题。

**现代 Web 开发困局**  
<https://juejin.cn/post/7025868886914400293>  
有些像是字节的现代 web 开发的一个解释，值得辩证一看。

**细数 TS 中那些奇怪的符号**  
<https://mp.weixin.qq.com/s/Y4TX0ACqyCoRCBfsas2qCA>  
请问下在 TS 里面`??`作用是，还有`React. useContext(AppContekt)!`这里面的`!`意思，假如不知道可见这个文章。

**Record, replay and measure user flows**  
<https://developer.chrome.com/docs/devtools/recorder/>  
原生支持，效果很牛逼，可以基于这个做一些回溯的事情。  
<img src="https://cdn.tw93.fun/blog/upic/zwxHaI.gif" width="800" />

## 潮流开源

**nnn：牛逼的命令行文件管理**  
<https://github.com/jarun/nnn>  
mac 直接通过`brew install nnn`安装即可，还支持很多插件。  
<img src="https://cdn.tw93.fun/blog/upic/qk94FZ.gif" width="800" />

**HASTY：JS performance 工具**  
<https://hasty.dev/>  
<img src="https://cdn.tw93.fun/blog/upic/SJptXD.jpg" width="800" />

**Agora Flat 开源教室**  
<https://github.com/netless-io/flat>  
前后端完全开源，快速搭建简约美观的互动教室，试用了一下效果还是很不错的。  
<img src="https://cdn.tw93.fun/blog/upic/v0bJnY.jpg" width="800" />

**vscode-theme-generator：很简单的给 vscode 生成主题**  
<https://github.com/Tyriar/vscode-theme-generator>

```js
import { generateTheme, IColorSet } from 'vscode-theme-generator';
const colorSet: IColorSet = {
  base: {
    background: '#12171F',
    foreground: '#EFEFEF',
    color1: '#399EF4',
    color2: '#DA6771',
    color3: '#4EB071',
    color4: '#FFF099',
  },
};
generateTheme('My Theme', colorSet, path.join(__dirname, 'theme.json'));
```

<img src="https://cdn.tw93.fun/blog/upic/1k0CSy.jpg" width="800" />

**fig：命名行的自动提示**  
<https://github.com/withfig/autocomplete>  
貌似需要自己去编译，体验看着还可以。  
<img src="https://cdn.tw93.fun/blog/upic/f2ULwf.gif" width="800" />

## 随便看看

**苹果官方 “隐私洞见” 来了**  
<https://mp.weixin.qq.com/s/jo9sb2AfrnzZWpDDuqJnCw>  
苹果在 iOS 15.2 测试版中引入了应用隐私报告，向用户提供应用访问通过隐私权限获取敏感信息（例如位置、联系人、相机、麦克风和照片）的频率的信息，还会显示网络活动，让用户知道应用程序在后台访问了哪些域名。拍手叫好>>  
<img src="https://cdn.tw93.fun/blog/upic/Re6f2m.jpg" width="800" />

**认知偏差知识手册**  
<https://s75w5y7vut.feishu.cn/docs/doccn3BatnScBJe7wD7K3S5poFf>  
在飞书上的一篇文档，整理得超级全，很多你已经懂得的东西可能就是里面的一个定理。

**90 岁台积电创始人 1.5 小时演讲**  
<https://zhidx.com/p/301575.html>  
分享了 20 岁读书、33 岁-52 岁在德州仪器（Texas Instrument，TI）、53 岁-54 岁在通用仪器（General Instrument）和 54-87 岁创建台积电的四段学习、职业经历。

**4400 字！说明白什么是「幸存者偏差」？**  
<http://www.woshipm.com/user-research/5205736.html>  
什么是幸存者偏差？幸存者偏差产生的原因在于对样本随机性存在的忽略，因此若想摆脱“幸存者偏差”，我们便需要关注更多数据，提升自己的认知水平。