PC商城 pc版 btMall 功能与小程序相似(vue3+ts+element-plus+vite3+pinia+husky)
责任描述: 项目的搭建, 功能的评审, 公共组件的封装, 项目的排期, 以及所有页面的交互。
使用技术:
1.使用 defineAsyncComponent 接受返回 promise 的工厂函数,达到动态组件异步加载的目的,大大提升加载速度,并使用 shallowRef 接收组件绕开深度响应,改善页面加载和更新性能
2.使用 TS 严格要求类型,定义接口,规范数据
3.封装 Dialog 组件,使全局的弹窗样式统一,预留出插槽达到不同效果比如(取消订单,申请售后,确认发货),根据传入值不同触发不同的事件,达到父子组件间传值。
4.使用 pinia 完成跨组建的传值,Pinia 提供了一个更简单的 API ,提供了 Composition-API 风格的 API ,在与 TypeScript 一起使用时具有可靠的类型推断支持。
5.采用 husky 实现代码提交前 eslint 校验和 commit 信息的规范校验,也可以避免多人合作时代码格式化不统一造成的冲突。
6.使用 vue 3中的 teleport 组件,完成组件中全屏蒙层效果。