企业官网建设流程全解析

JS 语言本身内置对象 & API，不用引入任何文件

1. 数组 Array：map、filter、reduce、sort、find
2. 对象 Object：assign、keys、values、entries
3. 字符串 String：split、replace、includes、match
4. 数学 Math：random、floor、ceil、PI
5. 日期 Date：时间格式化、时间戳转换
6. 正则 RegExp：匹配、校验、替换
7. Promise / async/await：异步编程
8. Fetch / XMLHttpRequest：原生网络请求
9. JSON：parse、stringify
10. DOM/BOM API：页面元素、弹窗、定时器、历史记录、Cookie

二、JS 工具通用库（高频必备）

1. Lodash / Underscore JS

JS 万能工具函数库

• 功能：数组、对象、深拷贝、去重、防抖节流、分组、排序、扁平化、空值判断
• 特点：弥补原生 JS 写法繁琐，兼容性极强
• 常用：_.cloneDeep深拷贝、_.debounce防抖、_.throttle节流、_.uniq去重

2. Day.js / Moment.js

日期时间处理库

• Moment：老牌强大，体积大
• Day.js：轻量、API 一致、易替换 Moment
• 功能：时间格式化、加减天数、时间差、相对时间、时区、农历

3. Axios

前端 HTTP 网络请求库（目前行业标准）

• 基于 Promise 封装 XHR
• 拦截请求 / 响应、请求取消、超时处理、并发请求、自动转换 JSON
• 替代原生 fetch，Vue/React 全通用

4. JQuery

老牌 DOM 操作库

• 简化 DOM 查找、修改、事件绑定、动画、AJAX
• 现在新项目很少用，老项目大量留存

三、前端主流框架（核心 JS 库）

1. Vue.js

渐进式前端框架

• 双向绑定、组件化、指令、路由、状态管理
• 生态：Vue Router 路由、Pinia/Vuex 状态、Element Plus UI

2. React

Facebook 开源 UI 组件框架

• 虚拟 DOM、JSX、函数组件、Hooks
• 生态：React Router、Redux/Zustand、Ant Design

3. Angular

谷歌大型完整企业级框架

• TypeScript 原生、全套路由 / 表单 / HTTP / 校验
• 适合大型后台管理系统

四、PC / 移动端 UI 组件库

Vue UI 库

• Element Plus：Vue3 PC 后台顶级 UI
• Element UI：Vue2 老牌后台 UI
• Vant：Vue 移动端 H5 组件库

React UI 库

• Ant Design：React 最全企业后台 UI
• MUI：Material Design 谷歌风格 UI
• Arco Design：字节开源高质量 UI

通用跨框架 UI

• UnoCSS、Tailwind CSS：原子 CSS 样式库
• Radix UI：无样式高性能底层组件

五、图表可视化 JS 库

1. ECharts：百度开源，折线 / 柱状 / 饼图 / 地图 / 3D 图表，国内首选
2. Chart.js：轻量简单基础图表
3. D3.js：超强数据可视化、自定义复杂图形、大数据拓扑
4. Three.js：JS 3D 渲染库，网页 3D 模型、场景、动画

六、表单校验 & 数据处理库

1. Yup / Zod：TS/JS 数据结构校验、表单规则校验
2. Schema-Form：JSON 自动生成表单
3. num.js：高精度数学计算，解决 JS 浮点数精度 bug

七、动画特效 JS 库

1. GSAP：网页高性能专业动画，丝滑流畅
2. Anime.js：轻量 CSS 动画
3. ScrollMagic：滚动联动视差动画
4. Lottie-web：解析 AE 动效 JSON，网页炫酷动画

八、Node.js 后端核心库（服务端 JS）

1. Express：极简 Node Web 框架
2. Koa2：轻量异步洋葱模型框架
3. NestJS：TS 企业级后端框架，类似 Java SpringBoot
4. Mysql2/Mongoose：MySQL、MongoDB 数据库操作
5. JWT：登录身份令牌授权
6. Multer：文件上传处理

九、路由、状态管理库

1. Vue：Vue Router、Pinia
2. React：React Router、Redux、Zustand、Jotai
3. Pinia：Vue 官方新一代状态库，替代 Vuex

十、文件处理 JS 库

1. SheetJS(xlsx)：前端 Excel 导入导出
2. PDF.js：网页预览、解析 PDF
3. Cropper.js：图片裁剪
4. JSZip：前端压缩解压 zip 文件

十一、打包 & 工程化工具库

1. Webpack：JS 模块打包工具
2. Vite：新一代极速构建工具（Vue3/React 标配）
3. Rollup：库打包工具
4. ESBuild：Go 编写极速 TS/JS 编译

十二、其他高频专用库

1. Socket.io：WebSocket 即时通讯、聊天、实时推送
2. i18next：网站多语言国际化
3. Clipboard.js：一键复制文本
4. Viewer.js：图片放大预览
5. Crypto-JS：前端 MD5、SHA、AES 加密解密

精简总结选型

1. 工具：Lodash、Day.js
2. 请求：Axios
3. 框架：Vue3 / React
4. 后台 UI：Element Plus / AntD
5. 图表：ECharts
6. 后端：Express / NestJS
7. 3D 动画：Three.js、GSAP