第12期 - 大理稻田

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

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

好文和学习

美团移动端 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 图标上即可完成替换)

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

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

Holiday - 中国法定节假日数据
https://github.com/NateScarlet/holiday-cn
通过自动每日抓取国务院公告来更新中国法定节假日数据,最后做成可以通过 JSON 地址的方式获取,如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”>

游戏化设计:芭芭农场是怎么让用户爱上种地的?
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 的程序员们)的指南,用来指导问题出现后的应对之法。