第27期 - 热河路

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

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

前端技术

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
可以将你的历史剪切板存储起来,很方便使用,值得一试。

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

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

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

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

他山之石

客户端里实现一套轻量级 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