# 第 112 期 - 咖啡店猫

> 封面来源于周末下午去木星咖啡喝澳白敲代码，睡在我旁边椅子的猫，后面走的时候给拍了一张，很是可爱漂亮，比我家汤圆可乐大了不少，一样过得无忧无虑。

- Issue: 112
- 发布日期: 2023/01/09
- HTML: https://weekly.tw93.fun/posts/112
- JSON: https://weekly.tw93.fun/api/posts/112.json
- English translation: https://weekly.tw93.fun/en/posts/112.md

---

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

<small>封面来源于周末下午去木星咖啡喝澳白敲代码，睡在我旁边椅子的猫，后面走的时候给拍了一张，很是可爱漂亮，比我家汤圆可乐大了不少，一样过得无忧无虑。</small>

> **记录每周看到的接地气的前端潮流技术，筛选后发布于此，觉得不错可关注此专栏，方便获取更新通知**

## 潮流工具

**Pake：打包了一个精致的 ZLibrary**  
<https://github.com/tw93/Pake>  
Pake x ZLibrary 可以玩出什么新玩意，通过好友 Cydiar404 提供的 ZLibrary 能力，用 Pake 打包了一个支持 Mac/Windows/Linux 的很小桌面包，有海量电子书资源，简单搜索后可快速下载，有需要的可以去 Pake Github 找到常用包下载。  
<img src="https://gw.alipayobjects.com/zos/k/uh/121.png" width="800" />

**RunCat：实时动画效果你的 CPU 使用率**  
<https://kyome.io/runcat/index.html>  
发现这个有趣的菜单栏小东西「RunCat」居然还在持续更新，上一代用 Mac 的同学应该对它很熟悉，通过动画的速度来很清晰告诉你当前 CPU 的使用率，觉得无聊的同学可以玩玩看。  
<img src="https://cdn.tw93.fun/blog/upic/cvyVqr.gif" width="800" />

**CLAY：果冻感的 CSS 库**  
<https://codeadrian.github.io/clay.css/>  
看到一个很咔哇伊的果冻感的 CSS 库「CLAY.CSS」，整体效果看着很舒服，好久没有看到这种设计风格了，颜色搭配也是很养眼，假如你有类似的产品和网站可以试试看。  
<img src="https://cdn.tw93.fun/blog/upic/rM09EH.png" width="800" />

**Allinone.tools：在线工具集合**  
<https://allinone.tools/>  
看到一个 All in One 的在线工具，除了提供图片、PDF、文本处理、加解密、Web 常用工具外，还提供了一个社交媒体的工具，比如说生成 Youtube 缩略图、假推特生成器、Instagram 文章生成等等。  
<img src="https://gw.alipayobjects.com/zos/k/ju/EQ8llA.png" width="800" />

**Github 开源软件指南**  
<https://opensource.guide/zh-hans/>  
对于刚刚接触开源的同学，这个 Github 官方的「开源软件指南」值得一读，即使是弄了很久开源的同学时不时看一看都还是可以看到不少对于做好开源的好建议。  
<img src="https://gw.alipayobjects.com/zos/k/e5/yB0DrD.png" width="800" />

## 技术相关

**为 iframe 正名，你可能并不需要微前端**  
<https://juejin.cn/post/7185070739064619068>  
另外一种观点，可以一看。

**使用 WebAuthn 告别密码**  
<https://mp.weixin.qq.com/s/SOvn2gWXM9y8-_hlYibmaw>  
WebAuthn 由 W3C（万维网联盟）提出，是一种基于浏览器的、新型的在线身份认证技术，允许用户使用基于硬件的身份验证设备（如 Apple TouchID 和 Windows Hello 或移动设备的生物识别传感器）来进行身份验证。

**JavaScript Frameworks - Heading into 2023**  
<https://dev.to/this-is-learning/javascript-frameworks-heading-into-2023-nln>  
作者回顾了下 2022，然后展望了 2023 的 JS 框架。

**主动学习（Active Learning）概述及最新研究**  
<https://mp.weixin.qq.com/s/42rm4xQ88JiOR-4YkGSn3Q>  
作者将自己对于主动学习的理解和最新研究的感悟都整理为这篇文章，供大家参考、讨论，一起学习和交流主动学习。

## 随便看看

**推荐下中国奇谭**  
<https://www.bilibili.com/bangumi/play/ep706666>  
刷豆瓣看到有人推荐 B 站的「中国奇谭」动画片，太太太好看了，堪比中国版的爱死机，8 集短片，每一集由一个传统文化的小故事组成，中画风动画效果非常不错，内容有寓意也有深度，超级值得一看。  
<img src="https://gw.alipayobjects.com/zos/k/hr/SCR-20230106-vy8.png" width="800" />

**动画《中国奇谭》开播，第 1 - 2 集有哪些关注点？**  
<https://www.zhihu.com/question/576059467>  
看完上面的 1-2 集，可以去看看这个，还是很有趣的。

**春节回老家送礼，难倒大城市的年轻人**  
<https://www.huxiu.com/article/764258.html>  
这个是最难的事情，还好我没有太多烦恼。

**每期一个惊讶的代码效果：Nova - Points**  
<https://codepen.io/prisoner849/pen/RwyzrVj>  
第八期推荐一个用 ThreeJS 实现的例子动画效果「Nova - Points」，效果很细腻丰富，颜色配得很好，性能看着也还不错，有兴趣可以去看看如何实现的。  
<img src="https://cdn.tw93.fun/blog/upic/dW2TqP.gif" width="800" />