基本信息

案例ID:188269

技术顾问:人生本该如此🍊 🍊 🍊 - 2年经验 - 上海微创软件

联系沟通

微信扫码,建群沟通

项目名称:山竹记账

所属行业:工具 - 办公软件

->查看更多案例

案例介绍

项目介绍:对以往版本全新升级,是一个基于 Vue 3 和 TSX 搭建的、完整可用、数据存储在云端的移动端记账项目。技术栈采用了Vue3 + TSX,采用CSS Modules方案、使用JWT 实现用户认证。主要页面有:欢迎广告页、主页列表、记账页、标签页、统计页、登录页以及菜单栏

技术要点:

对Axios请求的二次封装、设置请求头信息,拦截器(设置统一loading,统一处理错误信息)等
手写vite插件实现 SVG Sprites 性能优化
使用路由守卫进行统一权限判断
手动封装表单验证组件,提升拓展性
使用 Pinia、storage 实现对数据持久化进行状态管理
利用 Date 对象二次封装 time 库,提升功能使用性
手动封装常用通用组件和业务组件
使用 Echarts 对数据进行可视化展示,二次封装 Echart 对可视化组件进行统一管理
通过查阅文档和实例,实现了两种数据可视化形式,折线图和饼图,熟悉了可视化模块的使用
配置 mock 参数,提升开发效率

技术体系:Vue 3、Vite 3、TSX、Vue Router 4、Pinia、JWT 等

相似案例推荐

其他人才的相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服