聪小陈的2022:浏览器从 A 到 Z

2,490 阅读9分钟

题图来自 blog.skk.moe/post/2022-b…

将 A-Z 逐一输入到 Google Chrome 的地址栏里,Google Chrome 都会自动补全出哪些域名呢?

A

alitajs.com/ 我自己写的一个基于 umi 的移动端开发插件集合,以我这金鱼记忆,答疑的时候,经常打开查询 api 的全拼。

ant.design/ antd 的官网,和 alita 官网作用类似,都是答疑的时候,打开看看范例和 api。还好有它,不然我都不好意思说自己是 “Ant Design Team”。

B

beta.reactjs.org/ React 的新官网,感觉书写角度有点变化,个人看法,如果说旧的官网想让你懂什么是 React 的话,新官网有点想让你知道怎么用 React 的意思。不过我主要是想看看英文文档什么时候出完整,为后续写内部的 React 初学者教程,可以直接翻译翻译。

C

chat.openai.com/ 今年云谦推荐的接触了这个工具,现在遇到问题会先问一下它,就算是自己懂的的问题,如果不着急解的话,也会问一下它。有时候会给一个奇怪(新颖)的角度的思路。不过值得注意的是,它会经常一本正经的胡说八道,从全文来看非常的专业,但是事实不是这样的。当作一位免费的虚拟老师还是不错的,时刻记着,听它说,但不信它。

charts.ant.design/ 简单好用的 React 图表库。之前在封装 pc 端图表库的时候,偏右建议和这个库共建,然后作者积极性比我高的多,导致后面我直接当个伸手党。非常好用,比直接用 G 系列轻松很多,偶尔一些 Api 没有实现的,还能混一个 PR。

D

d.umijs.org/ dumi 官网,为组件研发而生的静态站点框架,辟起老师写的一个用来做组件研发的工具,其实我影响最深刻的概念是,“让组件研发像业务开发一样简单”,不过这句话我忘记是哪里看来的了。自我感觉给 dumi 贡献了不少,看了一下提交仅有27次,哈哈哈。可能跟我不会写 css 有关,很喜欢但是“本能”的逃避。

www.dangdang.com/ 当当网,我不喜欢看电子书,因为实体书没看完就丢在书桌上,偶尔看到就会拿起来接着翻一翻,还能在书上乱涂乱画(字面意思的乱涂乱画,有时候心情down的时候,在莫名其妙的地方画圈圈感觉很解压),没办法差生不爱读书啊。所以每个月会去看下有没有前端大佬出一些新书,几乎都会买来看看,经常看到一些朋友的朋友(朋友圈)里的好友出的书。近期入手的两本书是卡颂的《React 设计原理》和颜海镜、候策的《现代 JavaScript 库开发》前者是因为若川的分享,后者是因为书里有云谦和偏右写的推荐(没有推荐应该也会看,侯策的之前的两本书都不错)。这两本书都是在当当上买了然后因为若川送我又退了,这也是我唯一一次在当当上买书的退货记录。感谢若川哥哥。

E

astexplorer.net/ 在线转译 AST 的网站,写 babel 插件的时候,会经常查这个,以我的脑子,记不住这些可怕的长单词。虽然它们通常是几个熟悉的词组合起来的,但是我就是看不懂记不住。最近想写一个进阶版本(简化版)的 umi ui,被 AST 疯狂折磨。

search.e-dunhuang.com/index.htm 敦煌的数字展厅,之前去完莫高窟回来经常看看那些没有对我开放的几个窟。(冷知识:莫高窟是轮流开放几个窟给游客参观的,所以可能你每次去都能看到不同的画面)

F

fanyi.baidu.com/ 在线翻译,之前最常用的就是去听一下单词的读音。有些库真的很难知道到底怎么读。不过后面辟殊推荐了,随手在命令行里使用 say 命令就可以代替这个功能。

github.com/umijs/fathe… father 是一款 NPM 包研发工具,能够帮助开发者更高效、高质量地研发 NPM 包、生成构建产物、再完成发布。其实真的很好用,因为最近 father 新版本发布,所以打开的次数多了一些,不然我都几乎不需要看文档。

G

github.com/alitajs/ali… 哈哈哈,每天打开看自己的仓库的 star 有没有增长。其实维护了 3 年了,才 600 star,算是蛮低的了,但每天看到有人给我点 star 的话,就会很开心。

H

umijs.org/ umi 是一个可扩展的企业级前端应用框架,跟了 5 年多的库,也混了一个 “umi 核心开发人员” 的 title,现在暂时就只有我和作者两个人拥有这个称号,吹牛的时候还是可以吹一吹的,但是其实感觉自己的贡献蛮低的,yingci 老师今年一年的提交数就超过我了。特别是今年,公司内部项目加班强度太高,社区同学贡献给力,对比非常大。默默加班的午夜时光,我经常担心,自己会因为贡献度不足被踢出 umi 团队。这也是我现在唯一的焦虑。

I

github.com/umijs/umi/i… 虽然没时间贡献,但是每天到公司的第一件事还是会打开 issues 看看大家都遇到什么问题,如果发现 issues 数量超过 100。我就会抽空处理,不过有时候感觉太累,会下意识的选择“简单”模式,关掉一些重复的 issues,真的是“快乐”(逃避)

J

juejin.im/ 职级晋升之前,给自己定的“增加社区影响力”的指标,所以决定开始写一写对外的技术文档并发布在掘金上。后来由于还没开始实施这个计划,就通过了职级晋升,导致我对这个指标的热情降到极低,有点敷衍了。所以今年(23年)调整了这个指标,“只要数量不要质量”,只管写,不管“其它”。

www.joshwcomeau.com/ 云谦推荐的 css 交互式教程,不过我不会写 css ,还是“本能排斥”,我没买(故意拖延到优惠期过了,并且差点在之后没有优惠的时候下单的傻蛋就是我)。

K

kentcdodds.com/blog/what-i… 不认识这个作者,哈哈哈,不过偶尔从别人的文章的友情链接中会跳转到这里,比如这一篇 what-is-jsx,感觉就写的很好。

L

http://localhost:8000/ emmm

M

mobile.ant.design/ antd-mobile ,移动端的基础组件库,其实之前很长一段时间我们使用的都仅仅是 2.3.4 版本。后来是因为卡晨说这个库他至少会维护几年,才跟着在项目中升到了 5.x,也因为我贡献了 gallery 功能,所以也算是爱 “5.x” 的,但是今年卡晨离开蚂蚁后就没消息了,感觉还是很难过的,感觉被欺骗了啊。(本来以为安安静静地当一个伸手党,没想到还要画心思去维护,现在每天就是“祈祷”,在项目中不要出现问题,因为我不想再花时间去看这个源码啊。)

N

www.npmjs.com/ 经常查包,因为公司网络不是很稳定,所以每次自己发包完也都要上去看一下包有没有正确发布,之前遇到好几次,发布流程正常,可是 npm 上就是找不到新版本,原因未知。

O

chat.openai.com/ 同 C

P

pro.ant.design/ ant-design-pro 我在 Ant Design Team 贡献最多的仓库,也是在这个仓库和陈帅成为了好朋友。之前把 js 转成 ts ,然后把区块抽离出来。是完全出于前端的角度考虑的,但是后来知道其实用这个库的有不少后端朋友,经常有人问代码去哪里了。所以有很长的一段时间,我都在思考,如何让这个仓库变得更“正确”,但无果。

Q

qiankun.umijs.org/ 微应用方向上,我唯一的选择。另外,辟起老师画的 logo 非常有深意。我很喜欢。

R

reactjs.org/ react 官网,好像是每次都会给实习生发学习链接,打开的比较多,但其实我自己没好好看过 react 教程,是写 umi 的时候,学习的边角料。

S

sorrycc.com/ 云谦的个人网站,众所周知,我是云谦的狂热粉丝,哈哈哈。

s2.antv.vision/ S2 是多维交叉分析领域的表格解决方案,数据驱动视图,提供底层核心库、基础组件库、业务场景库,具备自由扩展的能力,让开发者既能开箱即用,也能基于自身场景自由发挥。之前做交叉透视图的时候,研究了一下。

T

www.typescriptlang.org/ typescript 演练场很好用,之前看那个大神(突然间想不起来名字,对不起)使用 ts 类型下象棋的时候,觉得很有趣,也玩了一下。

U

umijs.org/ umi 官网 同 H

V

vercel.com/ 之前白嫖部署平台,后面组织要付费之后,换成 github page 了。该说不说 vercel 是真方便,除了链接都被微信封了外,其他都挺方便的。

W

wx.zsxq.com/dweb2/index… 我的知识星球,啥内容没有,纯属热心网友的对我个人的救济通道,感谢几位金主爸爸妈妈。

X

github.com/xiaohuoni 我的 github 首页,时不时打开看自己的提交记录,主要看两个数据,一看最近一周自己的提交情况,二看“2,038 contributions in the last year”,会让这个数字保持在 2000 以上。如果低了,就会优先在社区上找一点事情做。

Y

www.youtube.com/ 中午吃饭看点视频,最近看的比较多的是装修和种菜。

Z

www.zhihu.com/people/xiao… emmm,感觉没怎么更新过知乎,但是上去偶尔能看到有人关注。上知乎基本上是看看 陈帅等13w人 都给谁点了赞。

注:本文灵来自yingci的付费知识星球【2022:浏览器从A到Z】,而他的灵感来自 Sukka 的 《2022:浏览器从A到Z》