# 第 69 期 - 桂语家面

> 照片拍于满觉陇下来的一家面馆，味道很不错，不要钱的桂花红茶很是好喝。

- Issue: 69
- 发布日期: 2022/03/15
- HTML: https://weekly.tw93.fun/posts/69
- JSON: https://weekly.tw93.fun/api/posts/69.json
- English translation: https://weekly.tw93.fun/en/posts/69.md

---

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

<small>照片拍于满觉陇下来的一家面馆，味道很不错，不要钱的桂花红茶很是好喝。</small>

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

## 前端技术

**通过几行 JS 就可以读取电脑上的所有数据？**  
<https://mp.weixin.qq.com/s/1oDNxf5xHwlUUpJSVkqazg>  
有点儿意思。

**云音乐预案平台实践**  
<https://mp.weixin.qq.com/s/jg-_eCA7TH6MP3siOjtVGg>  
更像科普这个东西。

**广告平台化的探索与实践**  
<https://tech.meituan.com/2022/03/03/exploration-and-practice-of-advertising-engine-platforming.html>  
美团外卖广告工程实践专题连载，商业化场景技术同学可以看看。

## 潮流开源

**SingleFile：保存网页成一个 html 文件**  
<https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle>  
一个 chrome 的扩展，之前保存网页时候一般会连带有一个资源文件夹，这个解决了这个问题。  
<img src="https://cdn.tw93.fun/blog/upic/ydfv2y.gif" width="800" />

**lapce：用 Rust 写的轻量高性能代码编辑器**  
<https://github.com/lapce/lapce>  
下载看看，不过并不能替代你用的。  
<img src="https://gw.alipayobjects.com/zos/k/di/fB8AWl.jpg" width="800" />

**各类工程师路线图**  
<https://roadmap.sh/roadmaps>  
比如说前端，让你一步一步变成一个专业的前端需要学习哪些东西。  
<img src="https://gw.alipayobjects.com/zos/k/94/NtKzmt.jpg" width="800" />

**汉兜：汉字 Wordle**  
<https://handle.antfu.me/>  
<img src="https://gw.alipayobjects.com/zos/k/cj/Xnmt5I.jpg" width=300/>

**Docusaurus：静态文档站点生成器**  
<https://github.com/facebook/docusaurus>  
Facebook 开源的，这一类的轮子其实挺多的，选一个习惯的就好。

## 随便看看

**了解这些小技巧，今晚开始努力睡个好觉**  
<https://sspai.com/post/71679>  
这篇文章比较深入明白的讲清楚了睡眠这个事情。

**逆向分析苹果 AirTag**  
<https://mp.weixin.qq.com/s/QqPDlDNHbfykHouBBsXJNQ>  
一位资深工程师对苹果的 AirTag 技术做了技术细节分析，具体包含黑客攻击、安全研究、修改、拆解等。(好吧，这是我买过最没有用处的苹果配件)

**战争史里的那些奇葩故事**  
<https://mp.weixin.qq.com/s/mtIub16wRiPTAgLdPxI67A>  
多年以后，人类将如何记载俄乌战争，我不晓得。

**易烊千玺现在到底有多高啊？**  
<https://www.zhihu.com/question/334884480/answer/2357780412>  
娱乐圈的身高被这个回答彻底搞明白了