RESOURCES & TOOLS

资源工具

作者亲测高频使用的编程学习资源清单，覆盖编辑器、在线工具、书籍与社区四大类。少而精，不堆砌。

编辑器在线工具书籍社区

EDITORS

编辑器与开发工具

每天打开次数最多的几个工具，每一个都值得花时间配置好。

VS Code

微软出品的免费编辑器，插件生态丰富，前端开发事实标准。

查看使用笔记 →

WebStorm

JetBrains 出品的付费 IDE，智能补全与重构能力更强。

查看使用笔记 →

Cursor

AI 加持的代码编辑器，对话式编程，适合快速原型开发。

查看使用笔记 →

ONLINE TOOLS

在线工具与沙盒

不用本地配置就能写代码、做实验，特别适合碎片时间学习。

CodePen

前端代码片段沙盒，适合写 demo 和找灵感。

查看使用笔记 →

CodeSandbox

在线完整项目环境，可一键启动 React / Vue 项目。

查看使用笔记 →

StackBlitz

基于 WebContainer 的在线 IDE，启动速度接近本地。

查看使用笔记 →

BOOKS

必读书籍清单

这几本是作者反复读过、并在日记里多次引用的编程经典。

《JavaScript 高级程序设计》

红宝书，JS 必读，从基础到进阶系统覆盖。

查看读书笔记 →

《你不知道的 JavaScript》

深入 JS 内部机制，闭包、原型链、this 必读。

查看读书笔记 →

《代码整洁之道》

不止讲语法，更讲如何写出可维护的代码。

查看读书笔记 →

COMMUNITY

开发者社区

学习路上不能一个人闷头写，这些社区能帮你答疑、找资源、看真实项目。

GitHub

全球最大代码托管平台，看开源项目学架构。

查看使用笔记 →

Stack Overflow

编程问答社区，遇到报错先来这里搜答案。

查看使用笔记 →

掘金

国内活跃的开发者社区，中文技术文章密度高。

查看使用笔记 →

RECOMMENDED BOOKLIST

推荐书单

从入门到进阶，三本作者亲测、并反复推荐给自学者的书。

入门 · 红宝书

JavaScript 高级程序设计（第 4 版）

系统讲透 JavaScript 的语法、API 与语言特性，前端自学者的案头工具书。建议通读一遍后作为字典查阅。

难度：★★★☆☆ 读书笔记 →

进阶 · 深度

你不知道的 JavaScript（上卷）

深入讲解作用域、闭包与 this，把那些「似懂非懂」的概念彻底讲透。读完会有种「原来如此」的爽感。

难度：★★★★☆ 读书笔记 →

工程 · 经典

代码整洁之道

不教语法，教「怎么写出别人看得懂的代码」。适合已经能写项目、想提升代码质量的开发者。

难度：★★★☆☆ 读书笔记 →

用好工具，事半功倍

工具只是辅助，真正决定成长的还是每天的代码量。挑一两个工具开始用起来，比收藏十几个都强。

看完整学习路线从零基础开始