前端技术路线图 (2025)
2025-05-20 14:48:14 10 举报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
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
前端安全
常见安全问题
XSS
CSRF
点击劫持
内容安全策略(CSP)
前沿技术
AI集成
TensorFlow.js
PyTorch.js
WebAssembly
高性能Web应用
3D与可视化
Three.js
D3.js
Web3技术
区块链集成
去中心化应用
开发环境与工具
编辑器
VS Code及其扩展
copilot
Trae
Cursor
windsurf
开发者工具
Chrome DevTools
部署与CI/CD
Docker
GitHub Actions
Jenkins
收藏
0 条评论
下一页
