外观
常用网站导航
约 781 字
浏览器书签里的常客，按用途分类。标准同上：常打开、真好用。
一、查文档
| 网站 | 干嘛的 |
|---|---|
| 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 推荐， 站长的试用后会加进来 —— 被收录的感觉，像邮票进了集邮册。