JavaScript 框架与库分类大全
一、前端框架
1. React
特点:组件化开发、虚拟DOM
官网:reactjs.org
2. Vue.js
特点:渐进式框架、双向数据绑定
官网:vuejs.org
3. Angular
特点:企业级框架、TypeScript支持
官网:angular.io
4. Svelte
特点:编译时框架、无虚拟DOM
官网:svelte.dev
二、UI组件库
1. Material-UI (MUI)
适用框架:React
官网:mui.com
2. Element Plus
适用框架:Vue 3
官网:element-plus.org
3. Ant Design
适用框架:React
官网:ant.design
4. Vuetify
适用框架:Vue 2/3
官网:vuetifyjs.com
三、状态管理
1. Redux
特点:单向数据流
官网:redux.js.org
2. Vuex
适用框架:Vue
官网:vuex.vuejs.org
3. Pinia
适用框架:Vue
官网:pinia.vuejs.org
4. MobX
特点:响应式状态管理
官网:mobx.js.org
四、构建工具
1. Webpack
特点:模块打包器
官网:webpack.js.org
2. Vite
特点:极速构建工具
官网:vitejs.dev
3. Rollup
特点:ES模块打包器
官网:rollupjs.org
4. Parcel
特点:零配置打包工具
官网:parceljs.org
五、测试工具
1. Jest
特点:React官方推荐
官网:jestjs.io
2. Mocha
特点:灵活测试框架
官网:mochajs.org
3. Cypress
特点:端到端测试
官网:cypress.io
4. Testing Library
特点:用户行为测试
官网:testing-library.com
六、动画库
1. GSAP
特点:专业级动画
官网:greensock.com
2. Framer Motion
适用框架:React
官网:framer.com/motion
3. Anime.js
特点:轻量级动画引擎
官网:animejs.com
4. Three.js
特点:3D动画库
官网:threejs.org
七、实用工具库
1. Lodash
特点:JavaScript工具库
官网:lodash.com
2. Axios
特点:HTTP客户端
官网:axios-http.com
3. Moment.js
特点:日期处理
官网:momentjs.com
4. D3.js
特点:数据可视化
官网:d3js.org
八、移动端开发
1. React Native
特点:跨平台移动开发
官网:reactnative.dev
2. Ionic
特点:混合应用开发
官网:ionicframework.com
3. Flutter
特点:Google跨平台方案
官网:flutter.dev
4. NativeScript
特点:原生移动应用
官网:nativescript.org