2022:浏览器从 A 到 Z
将 A-Z 逐一输入到 Google Chrome 的地址栏里,Google Chrome 都会自动补全出哪些域名呢?
A
admin.microsoft.com
skk.moe
的域名邮箱服务之前是托管在 Yandex 365。Yandex 365 有无限用户、每位用户免费 15 GiB 的邮箱附件和 50 GiB 网盘额度,而且 Yandex Mail 的 Spam 识别非常准确,基本上零误杀零漏过。但是自从 2022 年俄乌冲突发生以来,Yandex 市值蒸发将近 200 亿美元,海外业务几乎全部停止。为了降本增效,Yandex 自从 2022 年 5 月以来开始 Suspend 所有非活跃用户的 Yandex 网盘,因此我决定是时候将 skk.moe
从 Yandex 迁出到 Microsoft 365 了。果不其然,在我从 Yandex 迁出之后不到一个月,Yandex 365 也停止了免费服务。
acg.mn
自从 Elon Musk 斥资数百亿美元收购 Twitter 以后发生的闹剧,让我觉得是时候注册一个 Mastodon 账号了。碰巧兽兽给少数人分享了 acg.mn
Mastodon 实例的注册邀请链接,所以我就在 acg.mn
实例上安家落户了,欢迎大家来关注 @sukka@acg.mn 呀~
B
beta.reactjs.org
React 当前的文档其实时常被人诟病:React Hooks 已经成为使用 React 的主流方式以后,Learning Course 仍然在用 React Class Component;关于 React Hooks 的文档仍然不够详细;缺乏关于使用 React Hooks 时必备知识的介绍和描述;等等。于是 2020 年 10 月,React 开始策划重写 React Docs 以解决这些问题。React Beta Docs 最终于 2021 年 10 月上线,不仅重写了 API Reference,还用 React Hooks 为示例重写了所有的 Learning Course,还介绍了许多关于 Hooks 的知识和正确用法。
beta.nextjs.org
Next.js 在 2022 年 5 月 24 日发布了 Layout RFC,描述了「Next.js 自 2016 年面世以来最大的更新」。2022 年 10 月,Vercel 在 Next.js Conf 2022 发布了 Next.js 13,实作了 Layout RFC 的 app
Directory 正式开放 Beta 测试,提供了 React Server Component 和 Suspense based Data Fetching 的支持。
过去一年我成为了 Next.js 的活跃(应该算吧?)贡献者,总共为 Next.js 贡献了 48 个 commit。在 Next.js Conf 2022 前夕,我有幸被 Next.js Team 选中、参加了 Next.js Beta Docs 的修订。
C
caniuse.com
查询 Web API 和 ECMAScript Feature 的浏览器兼容性,部分数据来自 MDN 的 Compat Table。
D
dash.cloudflare.com
Cloudflare Dashboard。作为一个 Cloudflare 重度用户,我时不时会前往 Cloudflare Dashboard 检查我各个网站和 API 的运行状况,如 Cache 命中率、WAF 等。
deepl.com
一个基于机器学习的机器翻译网站,官网自称「全世界最准确的翻译」。翻译结果和 Google Translate 和 Bing Translate 相比,确实要更为流畅自然。
E
emotion.sh
一个用户群体非常庞大的 CSS-in-JS 库。著名的 React 组件库 Material UI 就是 Emotion 驱动的。Ant Design 5 也使用了 Fork 自 Emotion 的 CSS-in-JS Runtime。
e-hentai.org
嗯。
F
facebook.com
我虽然不用 Facebook,但是为了研究 Facebook 的 Atomic CSS-in-JS 库 StyleX,我经常分析 Facebook 的 JavaScript Bundle,研究 Facebook 内部的 Atomic CSS-in-JS 实践。
G
github.com
全世界最大的开源代码托管平台之一。在 2022 年,我总共 Push 了 2162 条 Commit、Open 了 67 个 Issue、Create 了 225 个 PR。
H
hacktoberfest.com
一年一度的全球开源软件庆祝活动,旨在让更多人参与到贡献开源社区。不过对于我来说,参加这项活动非常轻松,我给 Next.js 开了 5 个 PR、全部被合并以后就成功完成了任务。
I
ip.skk.moe
我的查看当前 IP 的网站,过去一年以来因为自己调试网络的需求,陆陆续续给 ip.skk.moe 新增了「递归 DNS 出口查询」、「CDN 命中节点查询」和「多出口 IP 查询」的功能。
J
jakearchibald.github.io/svgomg
SVGOMG 是 SVGO 的在线 Playground。SVGO 是一个 Node.js 上的 SVG 优化库,由于选项繁多、而 SVG Spec 又非常复杂,我经常会通过 SVGOMG 测试 SVGO 的各个选项对 SVG 的作用。
K
kong.top81cn.cn
空军之翼,收录有非常高质量的航空、航天类的文章。我在空军之翼上阅读文章也有 8 年之久了,非常可惜现在网站疏于维护、之前活跃的作者也不再投稿了。
kdy1.dev
SWC 作者的个人网站,我有时会去他的博客查看他用 Rust 重写 TypeScript 类型检查的想法和进度。
L
localhost
严格来讲,localhost 也算是一个域名。
lab.skk.moe
我个人的试验场,主要会 Bootstrap 一些 idea 和体验最新的 Web API。当 Vercel 为 Next.js Conf 2022 造势的时候,在 https://nextjs.org/conf 上释出了一个 Wordle 游戏的复刻,于是我写了一个「Wordle Solver」专门破解 Wordle;csstriggers.com
域名过期以后,我重建了「CSS Triggers」;以及一个「Captive Portal Test Endpoint 测速」,我借此来体验了 React 的动画库 Framer Motion。
M
mdn.io
The 「I am feeling lucky」 URL shortener for MDN,基于 DuckDuckGo,URL 格式为 https://mdn.io/[search query]
。例如,https://mdn.io/sort
会跳转到 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
、https://mdn.io/append
会跳转到 https://developer.mozilla.org/en-US/docs/Web/API/Element/append
。我通常把 mdn.io 当成 MDN 的搜索引擎来用,替代 MDN 自带的全文搜索。
mantine.dev
一个基于 Emotion 的 React 组件库,组件完成度很高,也有不错的 TypeScript 类型支持。我的 https://lab.skk.moe 也用了 Mantine。
N
nextjs.org
Next.js 的官网和文档。
npm.im
NPM 官方的短域名,格式为 https://npm.im/[package name]
。例如 https://npm.im/rollup-plugin-swc3 会跳转到 https://www.npmjs.com/package/rollup-plugin-swc3。
O
outlook.office365.com
自从我的域名邮箱迁移到 Microsoft 365 以后,我就在 Microsoft 365 Outlook 上收发邮件。Outlook Web for Personal 和 Outlook Web for Microsoft 365 设计风格、界面和操作方式都大相径庭,很奇怪微软为什么没有统一两者的体验。
P
play.swc.rs
SWC 是一个用 Rust 编写的 JavaScript 编译器,目前已经可以在大多数场合替代 Babel。虽然 SWC 已经相对稳定(Next.js 也已经使用 SWC 作为默认的编译器),但是偶尔还是会遇到编译 Bug,这个时候就需要在 SWC 的 Playground 上找出 Bug 的最小复现、然后再去 GitHub 报 Issue。
Q
quark-design.hellobike.com
哈罗单车的移动端组件库 Quark Design,不知道什么时候访问过一次,就被 Google Chrome 记住了。当时并不喜欢这个组件库,现在写这篇文章的时候再去看看,也还是没什么进步:完成度不高、设计风格平淡无奇、只能在移动端使用(PC 上使用体验不仅很差、a11y 也几乎可以说是没有)、文档还很差劲(别的不说,Example 的代码 甚至没有用等宽字体,真的是用脚做开源)。
R
ruleset.skk.moe
我自己维护的 Surge 规则组,GitHub 仓库在 SukkaW/Surge。相比其它开源的 Surge 规则来说,最大的特色应该是 https://ruleset.skk.moe/List/domainset/reject.conf
和 https://ruleset.skk.moe/List/domainset/reject_phishing.conf
两个广告屏蔽 Domain Set,每日通过 CI 定时获取 EasyList、AdGuard 等各个 AdBlock Syntax 规则组、解析纯 Network Request Filter 类规则并提取出域名。由于所有数据都是来自上游规则组,所以可以说是 零误杀;如果真的出现误杀,那么全世界所有 AdGuard、ADBlock Plus 用户都会遇到误杀,上游的规则组自然很快就会修复。除此以外,https://ruleset.skk.moe/List/domainset/cdn.conf
包含了常见的静态 CDN 类域名,这类域名一般无 WAF 和风控、一般用于分发静态文件,属于低优先级流量,在域名分流时能够派上用场。
regex101.com
测试正则表达式的网站。相比其它同类网站,Regex101 最大的特色是可以分别测试不同正则表达式引擎的实现(如 PHP 的 PCRE 和 PCRE2、ECMAScript、Python、Golang、Java 8、.NET);选择使用 PHP 的 PCRE2 引擎时、还可以查看正则匹配执行的步数,在优化正则表达式的时候非常有用。
S
skk.moe
我自己的域名,有什么疑问吗?
swc.rs
SWC 的官网和文档。不过自从开发了 rollup-plugin-swc3 以后,我就能倒背 SWC 的 Option 和 Usage 了,SWC 的文档也访问得也越来越少了。
T
twitter.com
Twitter,自从 Elon Musk 收购以后闹剧不断,但是用的人还是很多。
terser.org
JavaScript 优化和压缩器。SWC Minify 完整复刻了 terser 的选项,所以 SWC 的文档没有关于 Minification 相关选项的介绍、需要到 terser 的文档去查。有的时候我也会去 terser 的 REPL 对比测试 SWC Minify 的 Bug。
U
unpkg.com
一个 NPM 的 CDN,由 Cloudflare 和 fly.io 赞助。UNPKG 支持浏览 NPM 包内容(如 https://unpkgs.com/react/
),在 NPM 免费提供预览包内容功能前,我都是去 UNPKG 上预览。
undraw.co
一个免费、开源的矢量素材库。
V
vercel.com
Vercel 是一个 Serverless Platform 或者说 DevOps Platform,也养活了许多前端重要的开源库和工具链。Vercel 旗下的开源项目包括 Next.js、Webpack、Svelte、SWC、SWR、Turbopepo。
W
web.dev
Google Chrome 的开发者关系(DevRel)团队创建的网站,介绍 Web 最新的 API 和草案,传授前端开发技术和网站性能优化的技巧。关于 Google Chrome 团队的 Web Vitals 有关信息也在这个网站上。
X
xda-developers.com
关于 各类电子垃圾 的新闻资讯站 XDA。相对于 XDA 的新闻,我更常去 XDA 的论坛,有不少 Android 的资源。
Y
youtube.com
全世界最大的视频网站。
Z
zoho.com
在我从 Yandex 迁移到 Microsoft 365 之前,我体验了许多家域名邮箱服务,其中包括了 Zoho 的域名邮箱服务。Zoho 有多个可用区(zoho.com
、zoho.eu
、zoho.jp
等),可以满足数据存储地域的法律要求;Zoho 的邮件匹配规则也非常强大,管理后台也非常灵活。不过,Zoho 域名邮箱免费版服务并不提供 IMAP、POP3 同步(启用同步需要付费升级),而 Zoho 的移动端客户端又极其难用,所以我最终还是没有选择迁移到 Zoho。