潮流前端周刊(第27期)- 热河路

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

记录每周看到的前端潮流技术,筛选后用接地气方式发布于此,关注此专栏可以及时收到更新,同时也可以关注飞猪前端 「Fliggy F2E」 公众号获得更新通知

前端技术

JavaScript 中哪一种循环最快呢?
juejin.cn/post/693097…
不看这个文章的时候,你觉得哪一种最快?

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

前端浏览器缓存知识梳理
juejin.cn/post/694793…
值得重学一次前端缓存知识。

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

一文吃透react-hooks原理
juejin.cn/post/694486…
当作React Hooks 知识的复习和查漏补缺。

开源资讯

Maccy:轻量的Mac剪切板管理工具
github.com/p0deje/Macc…
可以将你的历史剪切板存储起来,很方便使用,值得一试。

mac-cleanup:通过命令行来清理Mac电脑
github.com/fwartner/ho…
安装好以后,可以在.zshrc里面配置alias clean="mac-cleanup -n",直接clean命令体验会更好。

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

Gaze-detection:通过眼睛移动来控制操作
github.com/charliegera…
可以用这个来做一些好玩的东西,比如说「看哪打哪」。

Ryujinx:任天堂游戏模拟器
github.com/Ryujinx/Ryu…
原来这也有的系列。

他山之石

客户端里实现一套轻量级MVVM框架
juejin.cn/post/694758…
带着前端的视角去看这篇文章,会很有感觉。

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

一个漂亮女车手原来是一50多岁的男车手通过FaceApp变成的
mothership.sg/2021/03/jap…
真人真事系列,原来是一个大爷变的,有兴趣可见Twitter azusagakuyuki