一、前端技术栈
核心三件套
- HTML:网页骨架
- CSS:网页样式(现在常用Flex/Grid布局)
- JavaScript:网页交互
核心三件套是前端的地基,简单到一天能上手,却深到十年学不完。
优点:入门零成本、生态无敌、标准持续进化,是任何前端框架的最终形态。
缺点:浏览器兼容、JavaScript的随意性、CSS的“魔法”特性,新手易踩坑。
现实:看似简单,实际写好了难。CSS布局常气人,JavaScript异步绕晕人,但掌握后做啥都顺手。
忠告:别跳过基础直奔框架!花1个月练熟三件套,后面学什么都快。这是前端工程师的必修课,不是选修课。
主流框架
- Vue.js
- Vue2:老项目多,稳定
- Vue3:新项目主流,性能更好
- 配套:Vue Router(路由)、Pinia(状态管理)
- React
- 灵活,大厂爱用
- 配套:React Router、Redux、Ant Design组件库
跨平台方案
- Uni-app:Vue语法写,生成多端(小程序/APP/H5)
- React Native:React语法写,生成原生APP
工具链
- Node.js:前端构建工具运行环境
- npm/yarn/pnpm:包管理器
- Webpack/Vite:打包工具
- TypeScript:JS的超集,加类型检查
前端延伸补充
- 小程序开发
- 微信小程序(原生语法)
- 用Uni-app或Taro跨端开发
- 桌面应用
- Electron:用前端技术做电脑软件(VS Code就是用它做的)
- Tauri:更轻量的Electron替代品
- 可视化方向
- ECharts:图表库
- Three.js:3D效果
- CSS新东西
- Tailwind CSS:实用优先的CSS框架
- Sass/Less:CSS预处理器,写起来更方便
- 前端新趋势
- 微前端:大项目分给多个团队开发
- 低代码:拖拽生成页面
二、后端技术栈
语言与框架
- Java系
- Spring Boot:现在Java后端的实际标准
- JavaWeb:传统方式,老项目维护用
- JavaEE:企业级规范,Spring Boot实现了它的大部分
- Go系
- Golang:语法简单性能好,适合高并发
- 常用框架:Gin(轻量)、Beego
- 其他语言
- PHP:快速建站,ThinkPHP/Laravel框架
- C#:.NET Core做后端,Unity做游戏
- Python:Django/Flask框架,快速开发
数据库
- 关系型:MySQL(最常用)、PostgreSQL
- 内存数据库:Redis(缓存/会话存储)
- 文档数据库:MongoDB(存JSON格式)
- 搜索型:Elasticsearch(全文搜索)
后端延伸补充
- 微服务相关
- Spring Cloud:Java微服务全家桶
- gRPC:高性能RPC框架
- Dubbo:阿里开源的RPC框架
- 中间件
- 消息队列:Kafka(大数据场景)、RabbitMQ(业务解耦)
- 注册中心:Nacos、Consul
- 配置中心:Apollo
- 容器与云原生
- Docker:打包应用和依赖
- Kubernetes:容器编排,管理多个Docker
- DevOps工具:Jenkins(自动化部署)、GitLab CI
- 性能与监控
- Nginx:反向代理,负载均衡
- ELK Stack:日志收集分析
- Prometheus + Grafana:监控和可视化
- 安全相关
- JWT:无状态身份验证
- OAuth 2.0:第三方登录
- HTTPS/SSL:数据传输加密
三、前后端通用必会
开发工具
- IDE:VS Code(前端主力)、IntelliJ IDEA(Java主力)、GoLand(Go语言)
- 数据库工具:Navicat、DBeaver
版本控制
- Git:必须会的基本功
- GitHub/GitLab:代码托管平台
接口与测试
- RESTful API:设计规范
- Postman/Apifox:接口测试工具
- Swagger:API文档生成
协同工具
- 禅道/Jira:项目管理
- Confluence:知识库
- 飞书/钉钉:团队沟通
四、怎么选怎么学
新手入门路线
- 前端路线:HTML → CSS → JavaScript → Vue → 做个项目
- 后端路线:Java基础 → Spring Boot → MySQL → 做个项目
- 全栈路线:前端Vue + 后端Spring Boot 或 Node.js
进阶方向
- 前端进阶:TypeScript、前端工程化、性能优化
- 后端进阶:高并发、分布式、系统架构
- 跨界发展:前端转客户端、后端转大数据
现实建议
- 找工作导向:Java后端或Vue前端岗位最多
- 创业/自由职业:Node.js全栈或PHP快速开发
- 新兴领域:Go云原生、Rust系统编程
最后忠告:
不要纠结“学哪个最好”,先选一个能做出东西的路线。
做出第一个能运行的项目,比知道十个框架更重要。
技术更新快,但基础原理变化慢,算法、网络、操作系统这些底层知识永不过时。
