# 第 12 期 - 大理稻田

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

- Issue: 12
- 发布日期: 2021/02/09
- HTML: https://weekly.tw93.fun/posts/12
- JSON: https://weekly.tw93.fun/api/posts/12.json
- English translation: https://weekly.tw93.fun/en/posts/12.md

---

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

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

> **记录每周看到的前端潮流技术，筛选后用接地气方式发布于此~**

## 好文和学习

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

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

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

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

**你的下一个前端项目的可尝试的 10 个好点子**  
<https://dev.to/simonholdorf/10-inspiring-ideas-for-your-next-front-end-project-11bh>  
作者通过将 CodePen 上面一些好的前端交互视觉体验进行归纳，很是潮流，可以在你的项目里面选择合适的拉上设计师同学一起来落地。

## 开源和工具

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

**GPing - 让你 Ping 的时候图形化展示效果**  
<https://github.com/orf/gping>  
如名字所示：`Ping, but with a graph.` 测试了下 Ping 的效果如下：
<img src="https://gw.alipayobjects.com/zos/k/6t/QWPb4k.gif" width="800" />

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

**Holiday - 中国法定节假日数据**  
<https://github.com/NateScarlet/holiday-cn>  
通过自动每日抓取国务院公告来更新中国法定节假日数据，最后做成可以通过 JSON 地址的方式获取，如[raw.githubusercontent.com/NateScarlet/holiday-cn/master/2020.json](https://raw.githubusercontent.com/NateScarlet/holiday-cn/master/2020.json)

## iOS 和多端

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

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

**Apple 宣布推出 App Store 小型企业计划佣金降至 15%**  
<https://www.apple.com.cn/newsroom/2020/11/apple-announces-app-store-small-business-program/>  
苹果在 11 月 18 日的一则通告，对于独立开发者是一个好消息。

## 灵感和有趣

**Skypack + CodePen**  
<https://blog.codepen.io/2020/11/18/skypack-codepen/>  
CodePen 编辑器支持 Skypack 这种形式的引入了，真酷！
<a href=https://codepen.io/chriscoyier/pen/vYKvEQx target="_blank"><img src="https://gw.alipayobjects.com/zos/k/43/HToFCj.png" width="800" /></a>

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

**Git 飞行规则(Flight Rules)**  
<https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md>  
这是一篇给宇航员（这里就是指使用 Git 的程序员们）的指南，用来指导问题出现后的应对之法。