第16期 - 白衣卿相

第 16 期 - 白衣卿相

封面来源于电影《迷失东京》剧照。

记录每周看到的接地气的前端以及科技圈内容，还有一些个人生活。筛选后每周六发布于此，觉得不错可关注此专栏，方便获取更新通知

🛠️ 技术相关

pdf.js
https://github.com/mozilla/pdf.js
一个使用 HTML5 构建的可移植文档格式 (PDF) 查看器。

one-api
https://github.com/songquanpeng/one-api
一个 OpenAI 接口管理 & 分发系统，目前已经支持了很多 AI 大模型 api 的管理，可 Docker 一键部署。

A Deep Dive Into SVG Path Commands
https://www.nan.fyi/svg-paths
通过几个示例来让你快速了解 SVG 路径的设计输出过程，学习基本绘制语法，了解数字化艺术的结合。

DevTools Tips
https://devtoolstips.org/
作者总结了 155 个浏览器开发 debug 小技巧，每一个都能实打实的提高你的摸鱼效率。

telegram-twitter-url-expand-bot
https://github.com/pugson/telegram-twitter-url-expand-bot
一个可以自动展开 Twitter，Instagram 和 TikTok 链接的 Telegram Bot，可以直接接入频道在频道里就可以展开链接里的视频、gif 图片，是不是也可以整个 B 站的链接展开，在 TG 刷 B 站😂

💰 My Frugal Indie Dev Startup Stack
https://getwaitlist.com/blog/solo-dev-startup-stack
独立开发者 Maya Kyler 总结了他做独立开发中使用到的一些产品，看下来，性价比真的高，都是些很不错的产品，白嫖必备👻

pokemon-cards-css
https://github.com/simeydotme/pokemon-cards-css
一个使用了很多高级 CSS 样式的集合作品，主要展示 pokemon 卡片，效果是十分炫酷，拿来学习观摩很棒的开源作品。

🧰 流行工具

喵闪字库
https://www.miao3.cn/ \
一个汇集各式各样中英文字体的网站，可在线预览下载。

ElevenLabs
https://elevenlabs.io/
一款 AI 文字语音生成工具，最近竟然支持中文语音生成了，大家可以去把玩一下。

EpicEasing
https://epiceasing.com/
一款前端动效调试工具，快速调试你需要的动画效果。

AnimatiSS
https://xsgames.co/animatiss/
同样的用于制作 web 动画效果的一款工具，不同的是在于在这里你不需要调试，找到你需要的东西，copy it！

cal.com
https://cal.com/
一款日程预定的产品，使用下来感觉很优雅，只是我没这需求没人找我开会，有需要的朋友可以试试。

🔍 Some index

Justine Soulié - Motion Designer & Illustrator based in Paris (justinesoulie.fr)

一本在线的艺术杂志，可视化的展现了很多有趣的内容

Works - oimo.io

一个日本小哥做的一些东西，都很有趣，一个很有设计感很好玩的一个人。

Particles for Framer

几个常用的好看的背景效果，可以直接复制到 framer 使用。

野地美樹子 | Noji Mikiko

一个日本艺术家的作品集，审美直接拉升。

Greg's Fridge (gregorycotton.ca)

一个很有趣的留言墙页面。

Curated web design inspiration catalog

一个收集各类有特色的产品官网的网站。

ÖBB History (oebb-history.at)

这是个介绍 ÖBB 历史的网站，ÖBB 是奥地利联邦铁路公司，通过独特的视角向我们展示了它的历史。

随便看看

🎥 《串流先锋》

在这个带有虚构成分的故事中，一名瑞典科技创业者及其合作伙伴决心通过合法合规的串流服务平台彻底改变音乐行业。

这周在 Netflix 上看的一部剧集，也有点偏爽剧的感觉，主要讲述的是 Spotify 团队初期的创业故事，也诉说着商业和现实世界不仅仅只是二进制，需要有人来为其理想主义而背负代价，也表现出了在身上背负的责任变多之后，开始向世界妥协的无奈。

印象很深刻的有两集，一集是讲关于团队的技术突破真正把产品做出来的那一集，一个点是团队力求的是减少歌曲播放切换的延迟，后面因为团队购买服务器压力太大决定使用 P2P 来构建网络，我们的 CTO 小哥费劲心思为了解决降低 P2P 网络的延迟问题想到了通过算法猜测用户听歌偏好预缓存相关歌曲，并且在想听 "口味" 差别大的歌曲时搜索马上调用中心服务器，剧中说的 "就为了这一次搜索！", 效果确实很好，但是老板还是不满意，于是我们 CTO 小哥开始日思夜想，在一次过马路等红绿灯时，突然发现在红灯即将亮起时，人们往往并不是等待，而是加速冲过去，这点启发了他重新设计了一个 TCP/IP 协议，改变了其拥塞控制策略，并且申请了专利，使其能在最后冲刺，即使打破这种秩序会有些许丢包，但是谁又能听出来呢？最后老板直呼效果 Amazing！

还有一集是关于 Spotify 的律师团队的，确实毫不夸张的说，如果没有当时他们的努力，我们今天也用不到 Spotify 了，这集中的许多转场画面也很惊艳，一段用彩虹石讲述 playlist 那段很巧妙的讲述了 Spotify 的产品逻辑。总之，还挺不错的，大家有兴趣可以自己去看看。

后面我自己还专门去对比了一下 Spotify 相比其他音乐平台切歌的延迟，确实是肉眼可见的差距。

📼 投资是怎样赚钱的？

孟岩老师花了两年打磨的视频，非常高质量的内容，竟然是我免费能看的😂？好的内容就像是可以收息的资产，拥有巨大的复利。我相信仅这个视频的内容已经能让大家能感受到他们团队的用心，如他所说，好的内容不是计划出来的，是生长出来的，他们团队确实很好的诠释了这点👍

📚 阅读

这周看完了《小狗钱钱 1》，接着准备把第二部也看了，第二部也看完了，一部特别好的投资理财启蒙教育读本，我觉得我应该小时候就应该看的，不过这时候补也不迟，对很多成年人其实也有很大帮助

📝 一些摘录

经济学中有这么一个观点是说，财富是你能做什么，而不是你拥有什么

哲学是人类灵魂的 API 文档

股市是一个混沌系统，像天气一般无法预测，其实更难测的还是人性的贪婪和恐惧！学会敬畏市场，面对自己的无知和渺小

🎉 END

如果想获取我的最新动态，
欢迎关注我的个人频道： https://t.me/barrybase 和 Twitter： https://twitter.com/BarryYangi
🍻Cheers to a blissful week!