前端手册
前端手册目录大约 2 分钟约 654 字
前端手册(全部免费)
Vue 3 + TypeScript + Vite + Element Plus + vxe-table 的企业级中后台前端:25 篇, 从目录结构讲到构建部署、性能调优与排错速查,每篇都给可复制代码,照着做就能交付页面。
新同学路线
工程结构与启动链路 → 菜单配置 → 接口层 → vxe-grid 表格 → 标准增删改查页面 → 构建部署
入门篇
| # | 文档 | 你会得到什么 |
|---|---|---|
| 1 | 框架简介 | 技术栈、目录与整体约定 |
| 2 | 菜单配置 | 后端菜单怎么配、路径怎么写 |
| 3 | 布局配置 | 四种布局、主题与界面设置 |
| 4 | 工程结构与启动链路 | 从输入 URL 到页面渲染的完整链路 |
| 5 | 路由参数 | 普通路由与动态路由参数传递 |
| 6 | 权限管理 | 页面权限与按钮权限的实现 |
| 7 | 内置指令 | v-auth / v-waves / 弹窗拖动 |
开发篇
| # | 文档 | 你会得到什么 |
|---|---|---|
| 8 | 服务端交互 | axios 封装、跨域与请求示例 |
| 9 | 接口层:契约生成与 getAPI | Swagger 契约一键生成接口代理 |
| 10 | vxe-grid 表格开发全解 | 表格配置、分页偏好、导出与列定制 |
| 11 | 标准增删改查页面(从 0 到 1) | 一个完整业务页面的全部代码 |
| 12 | 通用组件速查 | 字典、选择器、上传、图表等组件 |
| 13 | 表单、校验与弹窗 | 表单布局、校验规则与弹窗规范 |
| 14 | 图表开发 | scEcharts 用法与常用图表 |
| 15 | 上传、下载与文件预览 | 上传组件、大文件与在线预览 |
进阶篇
| # | 文档 | 你会得到什么 |
|---|---|---|
| 16 | 样式规范与主题定制 | CSS 变量、页面通用类与暗色模式 |
| 17 | 字体图标 | Element Plus / iconfont / SVG 图标 |
| 18 | 国际化 | 语言包结构与切换 |
| 19 | 标签页 | 多页签操作、缓存与拖拽 |
| 20 | 状态管理与用户信息 | Pinia 各 store 与正确取法 |
| 21 | 工具函数速查 | 30+ 工具函数的用法与示例 |
工程篇
| # | 文档 | 你会得到什么 |
|---|---|---|
| 22 | 开发流程 | 新增页面与接口的标准流程 |
| 23 | 构建、部署与排错 | 环境变量、Nginx 部署与常见报错 |
| 24 | 前端常见问题排查速查 | 现象 → 原因 → 解决,覆盖 20+ 高频故障 |
| 25 | 前端性能优化 | 首屏、包体积、大数据表格与缓存策略 |