潮流前端周刊（第12期）- 大理稻田

封面图大理的稻田，风一吹过嗦嗦作响，稻谷长得很好，给人一种希望感觉

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

好文和学习

美团移动端 UI 一致性解决方案
tech.meituan.com/2020/11/26/…
美团对于处理移动端多业务场景下的 UI 不一致现象的解决方案，可结合之前周刊推荐两篇文章一起来阅读。

面向 Model 编程的前端架构设计
juejin.cn/post/689964…
深度好文，介绍作者公司当前的无线前端架构设计及其演进之路，从当前前端方案、现状挑战、方案设计和选择这几部分来阐述。

用 js 写一个 js 解释器
juejin.cn/post/689809…
与其说用 js 去写一个 js 解释器，哈哈不如说我们一起来看看 js 解释器是怎么工作的。

在千亿的成交额背后，前端工程师是如何做“资损防控”的？
mp.weixin.qq.com/s/ZKtS47uOt…
淘宝在双十一中，淘宝前端同学通过自动化的方式来代替人工查看的方式，思路值得借鉴。

你的下一个前端项目的可尝试的 10 个好点子
dev.to/simonholdor…
作者通过将 CodePen 上面一些好的前端交互视觉体验进行归纳，很是潮流，可以在你的项目里面选择合适的拉上设计师同学一起来落地。

开源和工具

macOS Big Sur 里的 App 替换图标
macosicons.com/
当我们 mac 升级到 Big Sur，对于强迫症同学看到由于部分没有更新导致 App 图标有方有圆，有大有小很不习惯，那么这个网站可以救你。（将图片下载下来后，找到需要替换的 App，command+option+i显示简介，然后将.icns 图片拖到对应的 App 图标上即可完成替换）

GPing - 让你 Ping 的时候图形化展示效果
github.com/orf/gping
如名字所示：Ping, but with a graph. 测试了下 Ping 的效果如下：

ODIFF - 传说中世界上最快的逐像素图像对比工具
github.com/dmtrKovalen…
由于最开始是设计处理大图片的，所以具备了毫米级的对比出结果的能力。

Holiday - 中国法定节假日数据
github.com/NateScarlet…
通过自动每日抓取国务院公告来更新中国法定节假日数据，最后做成可以通过 JSON 地址的方式获取，如raw.githubusercontent.com/NateScarlet…

iOS 和多端

手淘 PopLayer 弹层领域研发模式升级
mp.weixin.qq.com/s/yYsWHv0kq…
不得不说淘系的 APP 内 Pop 弹层使用得炉火纯青了，来看看这套快速搭建+可视化+多端多场景通用的解决方案是怎么做的。

淘宝直播“一猜到底”——移动端实时语音识别技术方案及应用
mp.weixin.qq.com/s/jX7utUnk0…
在达摩院语音实验室、阿里云 PAI 团队、淘系技术直播 App 和端智能 MNN 团队通力协作下，实现了工业界首个用于直播的移动端语音识别，来看看端智能的实践~

Apple 宣布推出 App Store 小型企业计划佣金降至 15%
www.apple.com.cn/newsroom/20…
苹果在 11 月 18 日的一则通告，对于独立开发者是一个好消息。

灵感和有趣

Skypack + CodePen
blog.codepen.io/2020/11/18/…
CodePen 编辑器支持 Skypack 这种形式的引入了，真酷！

游戏化设计：芭芭农场是怎么让用户爱上种地的？
mp.weixin.qq.com/s/d4X8IhqvO…
淘宝设计对于芭芭农场的设计观的一个介绍，产品层面如何在世界观拓展、玩法精细化、商业化创新 3 个部分逐步探索与进化。

Git 飞行规则(Flight Rules)
github.com/k88hudson/g…
这是一篇给宇航员（这里就是指使用 Git 的程序员们）的指南，用来指导问题出现后的应对之法。