浏览器书签里的常客，按用途分类。标准同上：常打开、真好用。

一、查文档

网站	干嘛的
MDN	前端标准文档，权威出处
javascript.info	最系统的中文 JS 教程
Can I use	查某个 CSS/JS 特性各浏览器支持度
DevDocs	聚合文档，一个站查几十种技术，离线可用
Roadmap.sh	技术路线图，查漏补缺

兼容性问题上 Can I use 一查一个准，再也不用猜「这个属性 IE 支不支持」。

二、写代码

网站	干嘛的
GitHub	代码托管 + 全球最大开源社区
Stack Overflow	报错了先来这搜，八成有答案
regex101	正则在线测试 + 逐字符解释
CodePen	前端小 demo 速写本，看别人炫技
JSFiddle	同上，更朴素

SO 提问前记得先搜 —— 大部分「奇怪报错」都被问过八遍了。

三、学与练

网站	干嘛的
freeCodeCamp	免费全栈课程
LeetCode 力扣	刷题
Frontend Mentor	照设计稿写页面
Codewars	游戏化刷题
exercism	多语言练习，有导师反馈

刷题顺序建议：力扣按「探索」里的初级算法刷起，别一上来冲中等， 容易怀疑人生。

四、看资讯

网站	干嘛的
Hacker News	科技圈风向标
V2EX	中文创意工作者社区
掘金	中文技术文章
InfoQ 中文	偏架构与工程实践
阮一峰的网络日志	科技爱好者周刊，每周五更新

资讯类每天扫标题就行，别沉迷。深度阅读靠书籍和文档， 碎片资讯只是保持敏感度。

五、工具类

网站	干嘛的
transform.tools	格式转换大全
JSON Crack	JSON 可视化
Excalidraw	手绘风画图
Carbon	代码截图美化
TinyPNG	图片压缩，立竿见影
Squoosh	图片压缩 + 格式转换，Google 出品

图片上传前过一遍 TinyPNG，体积能瘦 70%，画质几乎无损， 这是性价比最高的「性能优化」。

六、设计参考（前端加分项）

网站	干嘛的
Dribbble	设计灵感，UI 动效
Awwwards	网页设计奖项，神仙打架
UI8	付费设计资源，看看审美就好
Google Fonts	免费字体库
Iconify	开源图标库，几万个图标随便挑

不懂配色就抄大厂的：主色一个、中性色三四个、字号四个档位， 先「不难看」，再「好看」。

七、娱乐向（程序员限定）

网站	干嘛的
Commit Strip	程序员漫画，法语梗
XKCD	极客漫画，数学与程序员的浪漫
Hacker News 评论区	again，评论区才是本体

---

清单会不定期更新。你有私藏好站，欢迎来 issue 推荐， 站长的试用后会加进来 —— 被收录的感觉，像邮票进了集邮册。