前端架构设计: Vue3+Vite+Pinia+Vue-router4+Eslint+StyleLint+Typescript+Vue-echarts+Arco-design+Sass+Axios
1:Vue3: Compostion Api更灵活的组织组件逻辑方式、可Tree-shaking、更好支持Typescript
2:Pinia:Vue官方状态管理库、完整的类型推断、模块化设计、体积小、支持Vue DevTools调试
3:Vite: 原生 ES 模块和按需编译快速启动、瞬间热更新、现代化支持减少配置
4:ESLint、 StyleLint、 TypeScript:约束代码规范与风格,保证代码质量、风格统一以便于后期维护
5:GitLab-ci/cd、Docker实现前端自动化部署
6:.env.dev、.env.mock、.env.production实现各环境配置
性能优化:
1:前端小图标、svg图片使用iconfont减少请求
2:Vite manualChunks代码分割提升首屏加载速度
3:移除对较老浏览器版本支持达到减小包大小
4:图片懒加载加快页面显示速度
页面组件开发、公用函数编写、核心功能模块开发(登录、注册、小店随心推、dou+、智能控评、团队管理等)、迭代维护
项目需求分解、任务分配、协调设计和接口资源、里程碑式项目节点、代码审查与合并
点击空白处退出提示
评论