😯核心基础三件套
| 技术 | 作用 | 关键点 |
|---|---|---|
| HTML5 | 页面结构语义化 | 语义化标签、Canvas、Web存储、音视频支持 |
| CSS3 | 样式与布局 | Flexbox/Grid布局、动画、变量、响应式设计 |
| JavaScript (ES6+) | 交互与逻辑 | 模块化、Promise、异步函数、解构赋值等 |
😯主流框架与库
三大框架
| 框架 | 特点 | 适用场景 |
|---|---|---|
| React | 组件化、虚拟DOM、单向数据流 | 复杂SPA、大型应用、生态丰富 |
| Vue | 渐进式、易上手、双向数据绑定 | 快速开发、中小型项目、渐进增强 |
| Angular | 完整MVC框架、TypeScript优先 | 企业级应用、需要强类型支持 |
状态管理
-
Redux (React生态):可预测状态容器
-
Vuex/Pinia (Vue生态):Vue专用状态管理
😯UI组件库
React生态
- Ant Design
Vue生态
- Element Plus、Ant Design Vue
跨框架
- Bootstrap (响应式CSS框架)
😯构建与开发工具
打包工具
| 工具 | 特点 |
|---|---|
| Vite | 基于ESM的极速构建工具 |
| Webpack | 功能强大的模块打包器 |
开发辅助
-
TypeScript:类型安全的JavaScript超集
-
ESLint/Prettier:代码质量与格式化
-
Babel:JavaScript编译器(兼容性处理)
-
WebSocket:在单个TCP连接上进行全双工通信的协议
😯跨端开发
| 方案 | 技术栈 | 特点 |
|---|---|---|
| React Native | React | 原生渲染、性能接近原生 |
| Flutter | Dart | 自绘引擎、高性能UI |
| Weex/小程序 | Vue语法 | 阿里巴巴生态跨端方案 |
| uniApp | Vue语法 | DCloud 公司于 2018 年发布的跨端开发框架 |
😯工程化与架构
部署与CI(持续集成)/CD(持续部署)
-
Jenkins 自动化发布
-
GitHub/GitLab 代码托管仓库
-
Nginx配置与优化
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ,同时也提供了IMAP/POP3/SMTP服务。
- jira项目管理与工作流程管理工具