十五周刊 - 111
2024 第 16 周周报
欢迎来到十五周刊,我们每周都会分享有价值的前端技术文章,让你随时掌握前端的最新动态。此外,我们还会介绍一些实用的软件工具,帮助你提升工作效率。同时,我们也会分享一些个人生活感悟,希望通过分享,能够给你的生活带来一些启示和思考。希望你会喜欢我们的内容。
优化 Vercel 部署的页面在国内的访问
将域名解析从
cname.vercel.com
改为vercel.cdn.yt-blog.top
原理类似优选 IP
Trancy 发布 iOS App
Trancy 在浏览器插件之外,还发布了 iOS App,在手机和平板上可以关注 YouTube 频道,搜索视频。
以前在手机端需要使用 safari 打开 YouTube 网页,然后使用 Trancy 浏览器插件,现在可以直接使用 App。而且 App 提供了口语练习、听力练习等功能。
Web Document
https://github.com/wvit/web-document
可以将网页离线保存到本地的 Chrome 插件,同时提供搜索功能。
Raycast Unblock
https://wibus-wee.github.io/raycast-unblock/
Raycast Unblock 是一个可以解锁 Raycast Pro 功能的插件,可以提供 AI Chat、翻译、云同步等功能。但他并不是破解 Raycast Pro,而是通过代理 Raycast 的请求,模拟 Pro 版本的功能。
next-view-transitions
https://github.com/shuding/next-view-transitions
在 Next.js app router 中使用 CSS View Transitions API。
CF Workers Status Page
https://github.com/eidam/cf-workers-status-page
使用 Cloudflare Workers 和 KV 实现的网站状态监控工具,支持多种通知方式如 Slack、Telegram。
iOS 入门 Roadmap
写了个最最基础的iOS入门 roadmap 如果想一个月内上架一个小的 app 需要学这么多知识 建议配合chatgpt
我做了什么
博客优化
- 手机端菜单优化
菜单在手机端默认折叠,点击菜单后展开。
- 博客加速
将域名解析从 cname.vercel.com
改为 vercel.cdn.yt-blog.top
,加速国内访问。目前测速结果显示国内访问速度从黄色变绿了。
- 博客适配 Zeabur 部署
由于我这个项目在编译前需要打包字体文件,所以 Zeabur 默认的 Next.js 部署方式不适用。所以增加了一个 Dockerfile,用于在 Zeabur 上部署。
不过最终测试发现,Zeabur 部署的网站访问速度比 Vercel 慢,所以还是选择了 Vercel 部署。
https://github.com/haydenull/blog/blob/main/Dockerfile
完成一篇博客
完成 Mac 配置指南,介绍了 Mac 的一些配置和我常用的一些软件。
给业务代码加单测
这周尝试给业务代码加了一些单测,了解了如何 mock 模块,日期等。积累了一些单测的经验。后续可以总结一下。