# 第 27 期 - 热河路

> 封面图摄于南京热河路，一个普通的路标，看着很清晰的样子。

- Issue: 27
- 发布日期: 2021/05/25
- HTML: https://weekly.tw93.fun/posts/27
- JSON: https://weekly.tw93.fun/api/posts/27.json
- English translation: https://weekly.tw93.fun/en/posts/27.md

---

<img src="https://gw.alipayobjects.com/zos/k/44/DSC06704.jpeg" width="800" />

<small>封面图摄于南京热河路，一个普通的路标，看着很清晰的样子。</small>

> **记录每周看到的前端潮流技术，筛选后用接地气方式发布于此，关注此专栏可以及时收到更新~**

### 前端技术

**JavaScript 中哪一种循环最快呢？**  
<https://juejin.cn/post/6930973929452339213>  
不看这个文章的时候，你觉得哪一种最快？

**听说你想写个渲染引擎 - html 解析**  
<https://mp.weixin.qq.com/s/8TQQA61hobMFLs9O5vbxWg>  
一个系列，作者写到了第二篇了，对于想了解渲染原理的同学值得一读。

**前端浏览器缓存知识梳理**  
<https://juejin.cn/post/6947936223126093861>  
值得重学一次前端缓存知识。

**程序员应该知道的 3 个排版原则**  
<https://mp.weixin.qq.com/s/9RotXR2VyBtCNhD5borBrw>  
设计原则这种东西其实更多是「怎么确保看起来舒服好用的样子」。

**一文吃透 react-hooks 原理**  
<https://juejin.cn/post/6944863057000529933>  
当作 React Hooks 知识的复习和查漏补缺。

### 开源资讯

**Maccy：轻量的 Mac 剪切板管理工具**  
<https://github.com/p0deje/Maccy>  
可以将你的历史剪切板存储起来，很方便使用，值得一试。  
<img src="https://cdn.tw93.fun/blog/upic/ELTqbC.gif" width="800" />

**mac-cleanup：通过命令行来清理 Mac 电脑**  
<https://github.com/fwartner/homebrew-mac-cleanup>  
安装好以后，可以在.zshrc 里面配置`alias clean="mac-cleanup -n"`，直接 clean 命令体验会更好。  
<img src="https://cdn.tw93.fun/blog/upic/GcuV5w.jpg" width="800" />

**OrgChart：树状图可视化组件**  
<https://github.com/dabeng/OrgChart>  
用嵌套的 table 来构造树状结构，用 td 的 border 来构造节点间的连线，非常有创意。天然地降低了前端程序员在构造树状结构时的工作量和难度。

**Gaze-detection：通过眼睛移动来控制操作**  
<https://github.com/charliegerard/gaze-detection>  
可以用这个来做一些好玩的东西，比如说「看哪打哪」。  
<img src="https://cdn.tw93.fun/blog/upic/5vBkaT.gif" width=500 />

**Ryujinx：任天堂游戏模拟器**  
<https://github.com/Ryujinx/Ryujinx>  
原来这也有的系列。  
<img src="https://cdn.tw93.fun/blog/upic/zLeeAx.jpg" width="800" />

### 他山之石

**客户端里实现一套轻量级 MVVM 框架**  
<https://juejin.cn/post/6947583052377751560>  
带着前端的视角去看这篇文章，会很有感觉。

**iOS-GitHub 上的优秀轮子**  
<https://juejin.cn/post/6937570017202405406>  
对于想学习 iOS 的同学这些轮子可以收藏下来用于模仿或者类似问题的解决。

**一个漂亮女车手原来是一 50 多岁的男车手通过 FaceApp 变成的**  
<https://mothership.sg/2021/03/japanese-biker-actually-man/>  
真人真事系列，原来是一个大爷变的，有兴趣可见 Twitter [ azusagakuyuki](https://twitter.com/azusagakuyuki)。  
<img src="https://cdn.tw93.fun/blog/upic/2B4l2w.jpg" width="800" />