潮流周刊（第34期）- 沙巴小女孩

封面图摄于疫情前一年沙巴游玩，在当地小商场端正坐在等妈妈的小女孩，不知不觉不能出国已过去3年了。

记录每周看到的前端潮流技术，筛选后用接地气方式发布于此，关注此专栏可以及时收到更新，同时也可以关注飞猪前端 「Fliggy F2E」 公众号获得更新通知

潮流技术

组件库按需加载原理分析
mp.weixin.qq.com/s/ty4IUtLlT…
通过babel-plugin-import插件来看看组件库按需加载是怎么做的。

Emojis as Favicons
css-tricks.com/emojis-as-f…
怎么通过Emoji来做我们网站的Favicon图标，看看这个代码：

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>?</text></svg>">
复制代码

10分钟实现微信 “炸屎”大作战
juejin.cn/post/696940…
19年寒窗苦读，清华毕业，万中挑一进入大厂，加入了最精英的微信团队,最后做了个炸屎功能[叹气]。

一起看 I/O | Flutter 2.2 更新详解
mp.weixin.qq.com/s/_btkqmzWM…
一起来看看这次更新了啥？

比 npm link 更好的调试方式
mp.weixin.qq.com/s/I4hhrgI3-…
来看看yalc这个方式怎么来调试依赖包。

开源工具

Intellidock：根据窗口位置动态显示隐藏Dock
mightymac.app/intellidock…
一个好用的小工具，之前一直习惯隐藏Dock防止大窗口场景很丑，现在有了这个直接靠近就隐藏很不错。

git-split-diffs：github 风格的git diff 工具
github.com/banga/git-s…
实话实说，git diff 功能相比w ebstrom 差的很远，不用 webstorm 的同学强烈推荐试试这个，真漂亮。

WeChatExtension：Mac微信功能拓展
github.com/MustangYM/W…
很优秀的一个小助手，皮肤比原生的好看，支持防撤回、免认证登录、AI自定义回复消息、手机通过这个控制电脑等功能，不过只建议在个人非工作电脑上玩。

Plash：将任意网站设为壁纸
github.com/sindresorhu…
这里有很多使用案例，有很大可玩性。

ClashX：Mac代码转发工具
github.com/yichengchen…
基于 Clash 的 Mac 的规则代理工具，用处多着，不过需要学习下如何配置。

pyodide：将Python编译成WebAssembly
github.com/pyodide/pyo…
也即Python在浏览器里面跑开了一个口子。

他山之石

SwiftUI @ Netflix：推动新技术落地是怎样一种体验？
mp.weixin.qq.com/s/oRPRCx78o…
上周，奈飞新版的 iOS App 上线了苹果商店，其登录界面已经完全由 SwiftUI 重构，道长是怎么推动的。

什么是真正的鸿蒙？
www.bilibili.com/video/BV1xK…
钟文泽关于鸿蒙全家桶体验的一个视频，讲的很清楚，分享给不那么看B站的同学，同时可以看<HarmonyOS 并不想替代 Android，它的野心比你想象中更大>这个文章

什么是信托？
www.huxiu.com/article/432…
大佬们都在用的信托是个什么神奇的存在？也是一个视频，很生动形象，看看到底信托是一个啥？等有钱了可以试试。

非互联网公司做的流弊APP，你想到了哪个？
wen.woshipm.com/question/de…
我想到的也是招商银行，大呼牛逼，其他银行真得好好学习一下。