前端技术路线图 (2025)
2025-05-20 14:48:14 13 举报AI智能生成
技术图
作者其他创作
大纲/内容
基础知识
HTML5
语义化标签
表单元素
多媒体内容
CSS3
选择器
Flexbox布局
Grid布局
响应式设计
媒体查询
JavaScript基础
变量与数据类型
控制结构
函数与事件处理
DOM操作
进阶JavaScript
ES6+特性
箭头函数
解构赋值
模板字符串
模块化
异步编程
回调函数
Promise
async/await
TypeScript
类型系统
接口与泛型
装饰器
前端框架与库
主流框架
Vue.js (Vue3+组合式API)
React.js
Angular
状态管理
Vuex/Pinia (Vue)
Redux/Context API (React)
NgRx (Angular)
路由管理
Vue Router
React Router
Angular Router
构建工具与工程化
包管理器
npm
yarn
pnpm
构建工具
Webpack
Vite
Rollup
代码规范
ESLint
Prettier
版本控制
Git
GitHub/GitLab工作流
自动化测试
Jest
Vitest
Cypress
CSS相关技术
CSS预处理器
Sass
Less
Stylus
CSS框架
Tailwind CSS
Bootstrap
daisyUI<br>
Element UI
Ant Design
CSS-in-JS
Styled-components
Emotion
现代前端开发
服务端渲染(SSR)
Next.js (React)
Nuxt.js (Vue)
静态站点生成(SSG)
Astro
Gatsby
Web Components
自定义元素
Shadow DOM
微前端架构
single-spa
qiankun
移动端与跨平台开发
响应式设计
移动优先原则
混合开发框架
React Native
Flutter
tauri
小程序开发
微信小程序
uni-app
前端性能优化
性能指标
Core Web Vitals
Lighthouse
优化技术
懒加载
代码分割
资源压缩
缓存策略
浏览器缓存
Service Worker
indexedDB<br>
前端安全
常见安全问题
XSS
CSRF
点击劫持
内容安全策略(CSP)
前沿技术
AI集成
TensorFlow.js
PyTorch.js
WebAssembly
高性能Web应用
3D与可视化
Three.js
D3.js
Web3技术
区块链集成
去中心化应用
开发环境与工具
编辑器
VS Code及其扩展
copilot
Trae<br>
Cursor<br>
windsurf
开发者工具
Chrome DevTools
部署与CI/CD
Docker
GitHub Actions
Jenkins
收藏
0 条评论
下一页
