2022:浏览器从 A 到 Z

2022:浏览器从 A 到 Z

自言语约 4.8 千字

将 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/sorthttps://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.confhttps://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.jsWebpackSvelteSWCSWRTurbopepo

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.comzoho.euzoho.jp 等),可以满足数据存储地域的法律要求;Zoho 的邮件匹配规则也非常强大,管理后台也非常灵活。不过,Zoho 域名邮箱免费版服务并不提供 IMAP、POP3 同步(启用同步需要付费升级),而 Zoho 的移动端客户端又极其难用,所以我最终还是没有选择迁移到 Zoho。

2022:浏览器从 A 到 Z
本文作者
Sukka
发布于
2023-01-12
许可协议
转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!
喜欢这篇文章?为什么不打赏一下作者呢?
爱发电
评论加载中 ...