配件门店线上商城前端开发
项目网址: https://www.full-stack-developer.cn/jd/mowenhao
项目描述: 本项目基于 vue3 , node.js 开发的用户 app ,常见的移动端页面布局, flex 完成该效果,作用是咨询线下汽车配件店,预
约服务,共有主页,注册登录页,订单页及购物车页等
项目技术栈: sass flex vue-cli vue-router vuex axios
项目职责:
1. 搭建开发环境,整理项目目录, vue-router 实现页面跳转,解决了如订单,地址与编辑地址的跳转逻辑
2. 用 css-module 代替之前的 bem 命名标准,利用 scss 变量,循环,函数,封装全局样式规范,工具解决约定,落实了命名规范,
提升了编写的效率
3. UI 合理拆分组件, setup（） 逻辑合理拆分模块,设置高效抽离封装的标准,提高了代码可读性及后期维护
4. 封装全局 axios ,使用拦截器处理全局错误和 loading ,编写 MongoDB 本地数据库最后测试,与后端配合统一了各项 api
5. 理解该产品的数据模型,使用 vuex 管理购物车数据,在 mutations 计算逻辑封装,解决数据响应与代码冗余率问题
6. 利用 storage , cookie 的特性,存储购物车及用户账户数据,提升了用户体验感
