通用说明
- 视频：快速上手、做项目、排错（适配你现在 Vue、npm、接口 500 问题）
- 书籍：夯实底层原理、拔高架构思维、解决深层次 bug
- 通用编程必看（前后端所有人通用，不分方向）放最前面
一、全程序员通用必读书籍（所有开发必看）
入门 - 中级（1-3 年）
- 《整洁代码 Clean Code》：命名、函数、异常、规范，根治烂代码
- 《程序员修炼之道：从小工到专家》：工程思维、自动化、防御式编程
- 《重构：改善既有代码的设计》：老项目改造、消除重复代码、解耦
- 《Head First 设计模式》：通俗看懂 23 种设计模式，业务封装必备
- 《大话数据结构》：算法入门，面试、性能优化基础
高级（3 年 + 资深 / 架构）
- 《代码大全 2》：软件工程天花板，项目规范、测试、调试、架构通用
- 《深入理解计算机系统 CSAPP》：底层根源，看懂内存、IO、网络、工具底层
- 《计算机网络：自顶向下》：接口报错 500、跨域、HTTP、TCP 底层原理
- 《高性能 MySQL》：数据库慢查询、事务、锁、索引（前后端都要用）
- 《微服务设计》：分布式、接口拆分、前后端分离架构
二、前端专项（Vue/TS/ 工程化，适配你 SCUI 后台项目）
（1）书籍分阶段
1）基础夯实（入门 / 刚工作）
- 《ES6 标准入门》阮一峰：现代 JS 语法必备
- 《CSS 揭秘》：布局、动画、兼容，前端颜值天花板
- 《JavaScript DOM 编程艺术》：DOM、事件、交互基础
- 《你不知道的 JavaScript（上中下）》：闭包、原型、this、异步、事件循环（前端核心底层）CSDN博...
2）中级框架 & 工程化（1-3 年，你当前阶段）
- 《Vue.js 设计与实现》霍春阳：Vue3 响应式、虚拟 DOM、编译原理，解决 Vue 各类报错
- 《深入理解 TypeScript》：大型后台项目类型约束、接口类型定义
- 《JavaScript 设计模式与开发实践》曾探：前端组件封装、工具类设计
- 《前端工程化：体系设计与实践》：npm、webpack/vite、脚手架、代理、打包（解决
npm install、vue-cli-service命令问题） - 《Web 性能权威指南》：页面卡顿、白屏、接口加载优化
3）高级架构（3 年 + 前端架构师）
- 《Node.js 设计模式》：本地 serve、脚手架、中间件、本地代理底层
- 《前端架构：从入门到微前端》：大型后台、多系统整合、SCUI 类框架二次开发
- 《高性能 JavaScript》：DOM 优化、事件、异步性能调优
（2）前端优质视频教程
免费（B 站首选）
- 尚硅谷 Vue2/Vue3+TS 全套：后台管理系统实战，和 SCUI 业务高度匹配
- 饥人谷 JS + 工程化：npm、webpack、vite 原理，讲清全局
-g与本地依赖区别 - 渡一教育前端进阶：异步、Promise、axios 拦截、接口异常 500 排查完整流程
- 哈工大计算机网络公开课：吃透 HTTP、请求响应，快速定位接口报错
付费体系课（深度系统）
- 慕课网《Vue3 企业级后台实战》：完整权限系统、接口封装、异常统一处理
- 拉勾教育《前端工程化与架构 30 讲》：脚手架、CI/CD、环境代理、打包优化
- Frontend Masters（国外英文精品）：TS、Vue 源码、性能优化高阶课
三、后端专项（主流 Java 为主，附 Go/Python）
（1）Java 后端书籍（国内企业主流）
入门
- 《Head First Java》：零基础友好
- 《码出高效：Java 开发手册》阿里规范，企业开发标准
- 《SQL 必知必会》：接口 500 数据库报错基础排查
中级（1-3 年，业务开发）
- 《Effective Java》第 3 版：写出规范、安全 Java 代码必备圣经
- 《Spring Boot 实战》：快速搭建后端接口、统一异常处理（解决前端 500 根源）
- 《Spring 揭秘》：Spring IoC、AOP 底层原理
- 《Redis 设计与实现》：缓存、接口提速、分布式锁
高级（3 年 + 分布式 / 架构）
- 《深入理解 Java 虚拟机 JVM》：线上 OOM、接口超时、服务崩溃排查
- 《Java 并发编程实战》：多线程、接口并发安全
- 《Spring Cloud 微服务实战》：分布式网关、跨服务调用
- 《从 Paxos 到 Zookeeper 分布式一致性原理》：集群、高可用
Go 后端书单（云原生 / 高性能）
- 《Go 程序设计语言》Go 官方圣经
- 《Go 专家编程》底层调度、并发模型
- 《Go 语言高级编程》网络、中间件开发
Python 后端书单
- 《流畅的 Python》
- 《Flask Web 开发实战》
- 《Django 官方指南》
（2）后端视频教程
免费 B 站
- 尚硅谷 SpringBoot+MyBatis 全套：接口开发、全局异常捕获，解决前端 500 报错
- 黑马微服务 SpringCloud：网关、跨域、分布式项目完整流程
- 狂神说 Java：通俗易懂，数据库、Redis、JVM 调优入门
付费精品
- 慕课网《SpringBoot 企业级接口开发》：统一返回体、异常拦截、token 鉴权
- 极客时间《从 0 开始学微服务》《Java 性能调优实战》：线上故障排查
四、免费自学网站（长期查阅、练手）
- MDN（前端官方文档）：https://developer.mozilla.org/zh-CN
- freeCodeCamp：全栈免费实战项目
- W3Cschool：语法快速查阅
- LeetCode：算法刷题，面试必备
五、分阶段学习路线（结合你当前 Vue 后台开发场景）
阶段 1：新手 / 1 年内（解决 npm、serve、接口 500 等日常报错）
- 书籍：ES6 入门、CSS 揭秘、大话数据结构、SQL 必知必会
- 视频：B 站 Vue3 全套、npm/webpack 工程化、计算机网络公开课
- 目标：看懂
npm install本地依赖、-g全局区别，独立调试接口异常
阶段 2：中级 1-3 年（独立开发后台系统、封装组件 / 接口）
- 前端书：《你不知道的 JS》《Vue.js 设计与实现》《前端工程化》
- 后端书：《SpringBoot 实战》《Effective Java》《高性能 MySQL》
- 视频：企业级后台实战、SpringBoot 接口异常处理课程
- 目标：定位 500 服务端根源、二次封装 SCUI、搭建本地开发代理
阶段 3：高级 3 年 +（架构、性能、分布式）
- 通用底层：CSAPP、计算机网络、代码大全 2
- 前端：Node.js 架构、微前端、Vue 源码深度
- 后端：JVM 调优、微服务、分布式事务
- 目标：设计前后端分离大型系统、线上性能 / 故障排查
六、学习搭配建议
- 遇到工具 / 框架报错 → 先看视频实操（比如 npm、vue 代理、接口 500）
- 想弄懂底层原理、突破瓶颈 → 看书（Vue 响应式、JVM、TCP 连接）
- 日常工作：视频快速落地；周末深度提升：啃经典书籍
- 前后端协同开发：必须同时看懂《计算机网络》《高性能 MySQL》，快速定位接口异常
