通用前端系统 #

框架选型：nuxt3-awesome-starter

• Node版本：v14.19.0
• 前端框架：Nuxt3

前台（用户端） #

后台（管理系统） #

• Node版本：v16
• 前端框架：Nuxt3 TS
• UI框架：Ant Design Vue
• 数据请求：Axios
• 测试框架：Jest

后台（监控系统） #

技术点列表 #

• 项目规范
  • 代码规范
  • ESlint 规范
  • Prettier 配置
  • 全局代码
• 常用JS工具库
  • cookie
  • LocalStorage
  • SesionStorage
  • JWT token
  • 判断终端
  • 轮播
  • 图片上传
  • 二维码
  • 深浅克隆
  • 动态加载JS文件
• 埋点追踪
  • 用户端埋点JS配置文件
  • 用户端埋点方法
  • 埋点SDK封装
• 前端监控
  • 性能统计
    • 基础数值（首次渲染时间、白屏时间等）
    • 可交互（首次加载时页面卡顿、操作时的js加载情况等）
    • 资源（包括资源大小和资源的加载时间）
  • 异常统计
    • JS异常
    • ajax异常
    • 资源文件

通用功能列表 #

• 功能
  • 用户认证
  • 权限管理
  • 路由鉴权
• 样式层
  • 主题切换