# 第 137 期 - 九龙公园

> 封面图来源于尖沙咀附近尖沙咀九龙公园，里面居然还有游泳池，好多年前听过 my little airport 的粤语歌《

- Issue: 137
- 发布日期: 2023/07/17
- HTML: https://weekly.tw93.fun/posts/137
- JSON: https://weekly.tw93.fun/api/posts/137.json
- English translation: https://weekly.tw93.fun/en/posts/137.md

---

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

<small>封面图来源于尖沙咀附近尖沙咀九龙公园，里面居然还有游泳池，好多年前听过 my little airport 的粤语歌《[九龙公园游泳池](https://open.spotify.com/embed/track/15HvSoZZQfbOlJ2UAM69Vx)》，很喜欢，去的那边在不远处的迷宫拍了一张这样的照片，挺有缘的。 </small>

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

## 技术相关

**当我们在浏览器中输入 google.com 时，背后发生了什么？**  
<https://github.com/vasanthk/how-web-works>  
一个很经典的工程师问题的思考路径案例，「当我们在浏览器中输入 google.com 时，背后发生了什么？」，可以从解析 URL 聊到 HTTP 协议、服务器响应、浏览器渲染、前端原理，同样也是一个经典前端面试问题 🥸，当作计算机科普学习挺有趣。

**提问的智慧**  
<https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md>  
非常推荐刚做技术同学去复习一下这个《提问的智慧》，原文叫做 How To Ask Questions The Smart Way，记得当时大一时刚看到英语版本真心很感谢里面的建议，后面隔几年会去看看，每次会有新收获。

## 潮流工具

**最近我的输入法选择**  
之前我有一个问朋友选择输入法的讨论，今天来同步一下最后我的输入法选择，终于坚持了一个多月没有反复横跳了 😂。  
Mac 最后使用的苹果自带输入法，加上之前反复横跳带来的长时间输入词库积累，很多常用词语和名字可以快速打出，也自定义了很多快捷短语，加上使用 Input Source Pro 工具设置普通类软件输入法默认中文，代码类软件自动切换英文，几乎不会影响到现有的生产力了，特别是系统升级到 macOS Sonoma 以后，有不少小细节优化，甚是喜欢。  
iPhone 之前用搜狗，后面换到 Hamster 仓输入法配合雾凇拼音，当时 Mac 也是鼠鬚管加雾凇拼音 ，这套应该是当前开源好用输入法下的最佳实践了，不过自己词库需要自己重新沉淀，仓输入法开源做的也很不错 👍，不过我感觉在 26 键盘上误触还没有像成熟输入法那样纠错优化，很容易打错字，最后的最后，我又切回去了 iPhone 原生输入法，强迫用了一段时间，当前慢慢习惯了。  
用 iPhone 原生输入有三个我这种产品强迫症很喜欢的点，第一个是相比第三方输入法唤起会快很多，而且不会影响系统运行顺畅，之前用第三方经常感觉我的 13pro 会不那么顺滑，删掉第三方输入法，换回原生立马就好了，不知道大家有没有这个现象；第二个强迫症就是和系统 UI 完全吻合，底部颜色，白天黑夜切换，一点都不突兀；第三个强迫症，当然是隐私问题，以及第三方键盘的完全键盘访问权限让我不那么放心。

**中文网字计划**  
<https://chinese-font.netlify.app/>  
看到一个很不错的工具叫「中文网字计划」，收录众多中文字体并通过 Web Font 的形式为网站开发者提供美丽字体，比如说你的博客或网站想引入霞鹜文楷这种好看的字体，很简单去复制 CDN 地址加到代码即可，快速渲染，按需加载都给你做好了。  
<img src="https://cdn.tw93.fun/blog/upic/ZYWTzU.jpg" width="800" />

**寻隐：一个离线的自然语言相册搜索工具**  
<https://queryable.app/>  
完全免费，模型在本地，不联网，代码也是全部 GitHub 开源的，无隐私问题，相比 iPhone 自带的图片搜索功能好太多了，我试了试效果很有趣。  
<img src="https://gw.alipayobjects.com/zos/k/i7/271shots_so.png" width="800" />

**Novu：很不错的开源通知基础设施**  
<https://github.com/novuhq/novu>  
在 Github 看到一个很不错的开源通知基础设施 Novu，提供了统一的 API，可以给多个渠道发送通知，包括应用内、消息推送、邮件、短信和聊天消息，可以基于它创建自定义流程，并为各渠道定义条件，保障通知以最有效的方式来传递，可以简单自己部署一套来使用。  
<img src="https://cdn.tw93.fun/blog/upic/sVoIpu.gif" width="800" />

## 随便看看

**Youtube：如何才能摆脱贫穷？穷人和富人有什么差别？**  
<https://youtube.com/watch?v=aBTDvlteZcs>  
发现好几年前李永乐老师在 YouTube 上讲的这个课《如何才能摆脱贫穷？穷人和富人有什么差别？》很不错，深入浅出，很易用听懂，这个系列都还不错。  
<img src="https://cdn.tw93.fun/blog/upic/eICc1b.jpg" width="800" />

**Deekay：做了大量有趣的可爱动画效果**  
<https://deekaykwon.com/>  
喜欢研究动画交互的同学可以关注「Deekay」，做了大量有趣的可爱动画效果，超级适合放到小游戏场景里面去使用，也很值得学习如何处理这种细腻的效果。  
<video width="800px" autoplay preload loop muted><source src="https://gw.alipayobjects.com/os/k/hw/ani.mp4" type="video/mp4" poster="https://gw.alipayobjects.com/zos/k/st/VPelcE.png"></video>

**大家买过最不值的 APP/服务是什么？**  
<https://v2ex.com/t/927250>  
推的太多是好用的工具，不过再 V 站上看到这个「大家买过最不值的 APP/服务是什么？」来反向避雷，大伙有没有买过最不值是啥？