# 第 20 期 - 草海

> 封面图摄于云南泸沽湖草海，一半在云南，一半在四川，挺有意境。

- Issue: 20
- 发布日期: 2021/04/06
- HTML: https://weekly.tw93.fun/posts/20
- JSON: https://weekly.tw93.fun/api/posts/20.json
- English translation: https://weekly.tw93.fun/en/posts/20.md

---

<img src="https://gw.alipayobjects.com/zos/k/9w/S5tqsz.jpeg" width="800" />

<small>封面图摄于云南泸沽湖草海，一半在云南，一半在四川，挺有意境。</small>

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

## 好文和学习

**TypeScript 中提升幸福感的 10 个高级技巧**  
<https://juejin.cn/post/6919478002925453320>  
一篇教你写更好 TS 代码的文章，从 AnyScript 到真 TypeScript 的第一步。

**iMove 原理技术揭秘**  
<https://mp.weixin.qq.com/s/cfGdGp1VAVn_bUqXUspvJg>  
狼叔组内开源的 JS 逻辑编排的工具（商业互吹使用了我们开源的[FormRender](https://github.com/alibaba/form-render)来做参数配置），小而美很适合流程性强的场景，类型下图这种就很适合使用了。  
<img src="https://cdn.tw93.fun/blog/upic/YkhbkH.jpg" width="800" />

**Why Tailwind Isn't for Me**  
<https://dev.to/jaredcwhite/why-tailwind-isn-t-for-me-5c90>  
之前推荐过几次 Tailwind 这种样式写法，来看看“它不那么好的地方”。

**Progressive Web Apps in 2021**  
<https://firt.dev/pwa-2021/>  
PWA5 年了，不过有一种感觉 PWA 这个技术慢慢不那么火了，特别是在中国，不过可来看看 2020 年总结和 2021 的规划。

## 开源和工具

**Multiavatar - 带一点智能感觉的头像生成**  
<https://multiavatar.com/>  
<img src="https://cdn.tw93.fun/blog/upic/uTxkrH.gif" width="800" />

**EMP - 微前端解决方案**  
<https://github.com/efoxTeam/emp/blob/main/README-zh_CN.md#-%E7%94%9F%E6%80%81%E6%80%BB%E6%8F%BD>  
这是一个面向未来的，基于 Webpack5 Module Federation 搭建的微前端解决方案。

**JerryScript - 物联网 JS 引擎**  
<https://github.com/jerryscript-project/jerryscript>  
前端同学可以玩一玩。

**Serenity - x86 的 Unix 操作系统**  
<https://github.com/SerenityOS/serenity>  
说是 90 后的情书，这么介绍的「SerenityOS is a love letter to '90s user interfaces with a custom Unix-like core」。  
<img src="https://cdn.tw93.fun/blog/upic/H9pI39.jpg" width="800" />

## iOS 和跨端

**让 Flutter 在鸿蒙系统上跑起来**  
<https://tech.meituan.com/2021/01/22/flutter-in-harmonyos.html>  
如果在 iOS 及 Android 之外再重新开发和维护一套鸿蒙应用，那成本就很高了，类似场景通常解决是跨端，来看看美团是怎么让 Flutter 可以跑到鸿蒙上面的。

**Flutter 2021 Roadmap**  
<https://github.com/flutter/flutter/wiki/Roadmap>  
Flutter 通过透明公布 Roadmap，让大伙清楚要做事情的优先级

**手机阿里端智能方案演进**  
<https://mp.weixin.qq.com/s/oT5jQYQkQd-09ktFXS_OYg>  
1688 在端智能上的一些建设总结。

**XQUIC 与多路径传输技术 Multipath QUIC**  
<https://mp.weixin.qq.com/s/3dnidnhCW-61PS5Stlb0Iw>  
<img src="https://cdn.tw93.fun/blog/upic/loY9YQ.jpg" width="800" />

## 灵感和设计

**从博弈论谈 35、996 和内卷**  
<https://writingisleading.com/2021/01/13/%e4%bb%8e%e5%8d%9a%e5%bc%88%e8%ae%ba%e8%b0%8835%e3%80%81996%e5%92%8c%e5%86%85%e5%8d%b7/>  
看看国外搞 IT 的老兵怎么聊国内的 996：人才不是加班加出来的，期待有企业能站出来破局；指出企业文化对于避免这个问题的重要性。

**张小龙：微信十年的产品思考**  
<https://mp.weixin.qq.com/s/dw27Kzl1dmnulCyfwnXxkw>  
这句话讲的很不错，如果一个问题，三天没有想出答案的话，那么三个月也想不出来，因此要么三天内找到解决方法，要么放弃，去寻找新的路径，而不是耗在那里。

**2020 我收集的 B 站学习资源**  
<https://juejin.cn/post/6919037488967188493>  
一般看到此类文章以为是软文，点击去看了看发现梳理的很不错，太需要的一个 B 站指导关注列表了。

**Chrome 团队今年是如何工作的**  
<https://www.bilibili.com/video/BV1tK411372S>  
Google 中国在 B 站上面的一个视频，在疫情环境影响下，无法面对面交流，他们怎么进行合作，以及我们做 WEB 开发如何帮助别人("我们的工作对一些人来说可能非常重要，你花时间构建的登录表单、你添加的无障碍功能，或做的一些性能调优，确实能让他人的生活变得更加轻松")，很是潮流的感觉。