# 第 108 期 - 沙巴理发

> 封面来源于 18 年夏天在沙巴一个街边随便逛逛拍下的理发店，翻相册看到很怀念，还记得当时到处瞎逛时候那种超级轻松的感觉，回到现在上周慢慢放开了，下一次出远门应该是国外了。

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

---

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

<small>封面来源于 18 年夏天在沙巴一个街边随便逛逛拍下的理发店，翻相册看到很怀念，还记得当时到处瞎逛时候那种超级轻松的感觉，回到现在上周慢慢放开了，下一次出远门应该是国外了。</small>

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

## 前端技术

**工程师如何明白的做事情**  
<https://tw93.fun/2022-12-09/talk.html>  
对于工程师而言除了专业技能扎实外，其实「做明白事情」的能力更重要，不懵逼的干活比加班更有效。

**2022 年 CSS 生态圈技术趋势**  
<https://www.51cto.com/article/741702.html>  
一起通过 14310 份调查结果看看 2022 年 CSS 生态圈的技术趋势。

**支付宝客户端体验度量与诊断**  
<https://mp.weixin.qq.com/s/SC2DI2kWveSE1L3aBrP7og>  
不得不说，支付宝的性能体验在这一两年做的还是很挺不错的。

**Introducing Codux**  
<https://dev.to/codux/introducing-codux-15j5>  
一个新的编辑器，用于简化和提高 React 项目开发的效率，有一点点低代码的感觉。

## 潮流开源

**Pake：打包了个 ChatGPT 无需登录的桌面 APP**  
<https://github.com/tw93/Pake>  
对于国内用户而言，即使有 APP 也有 80% 的用在注册阶段国外地址+国外手机号被劝退，此版本使用代理无需登录，支持 Mac/Windows/Linux，同时定制了下 UI 比原本更简洁了，需要的可以去 Github 找到 ChatGPT 下载。
<img src="https://cdn.tw93.fun/blog/upic/DAvWM0.png" width="800" />

**OSS Insight：牛逼的 Github 洞察工具**  
<https://ossinsight.io/>  
通过分析 Github 50 多亿事件，提供了实时查看和分析 GitHub 趋势的能力，可以发现很多好玩的东西，不局限于看整体开源趋势、对比分析项目和开发者、可视化的方式实时 GitHub 贡献洞察、GitHub 2022 总结等等。  
<img src="https://gw.alipayobjects.com/zos/k/3n/pkYAig.png" width="800" />

**tldr：控制台命令的快速备忘单**  
<https://github.com/tldr-pages/tldr>  
安装后，只需要在命令行执行 tldr 你忘记使用的命令名称，他就会很详细告诉你。  
<img src="https://gw.alipayobjects.com/zos/k/9q/hkPBDm.png" width="800" />

**codeapp：为 iPad 构建完整的代码编辑器**  
<https://github.com/thebaselab/codeapp>  
有兴趣可以去下载试试看效果，可惜我把我的 ipad 给卖了，最开始也是这么想的。  
<img src="https://gw.alipayobjects.com/zos/k/3n/X41bxm.jpg" width="800" />

## 随便看看

**国内那么多 AI 专业，为什么国内却没有 ChatGPT？**  
<https://www.zhihu.com/question/571387160/answer/2795880809>  
不止国内没有，其他国家也没有，美国的一众大公司包括 google 也落后于 openai。

**内容时代下，设计师如何做知识管理**  
<https://www.zcool.com.cn/article/ZMTQ0NjE2MA==.html>  
站酷上面的一篇文章，信息比较多。

**最近在看王小波的《沉默的大多数》**  
<https://book.douban.com/subject/1054685/>  
周末刚刚看完，假如你没有看过王小波的书，很推荐一看，看完会有不少触动的。

**每期一个惊讶的代码效果：Jello Tab Bar (Animated)**  
<https://codepen.io/flavio_amaral/pen/xxgYGrR>  
第四期推荐一个很巧妙的无线端底部 Bar 代码效果，昨晚逛 CodePen 看到的，使用起来非常细腻和粘手，动画很顺滑，看了下代码是没有使用任何框架，直接用原始 HTML/CSS/JS 实现，可以很好的放到现有场景中去使用，对于刚开始学前端的同学，有兴趣的可去把玩把玩。  
<img src="https://gw.alipayobjects.com/zos/k/km/1212112.gif" width="800" />