贝塔猫供应链(pc)

电子商务 B2B 案例ID:215847
折一枝花
3 年经验· 贝塔猫智能科技有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

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 组件,完成组件中全屏蒙层效果。

贝塔猫供应链(pc)

电子商务 · B2B 案例ID:215847
联系该工程师
微信扫码,建群沟通
作者: 折一枝花 - 3年经验- 贝塔猫智能科技有限公司

案例介绍

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 组件,完成组件中全屏蒙层效果。

相似案例推荐

发布任务

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

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×