项目介绍:惠享生活项目打造集优惠、社区于一体的智慧消费平台,通过精准推送优惠信息,促进邻里互动,提升消费体验,实现社区消费升级。
项目体系:vite、Vue3、pinia、lodash、luch-request、Typescript、UniApp、TMUI、微信小程序API。
负责模块:个人身份模块、订单模块、提货点模块、优惠模块、购物车模块。
技术要点:
通过 uniapp原生api进行设备类型判断,实现了不同端显示不同登录页面;
利用pinia持久化插件 pinia-plugin-persistedstate 进行状态的数据持久化,解决数据共享和数据重显问题;
利用ref与InstanceType、type进行子组件实例类型的判断与获取子组件对象,从而实现子组件方法的调用;
使用第三方类库如lodash等进行对象的节流防抖函数的应用对按钮一次点击操作进行处理,防止按钮重复点击,提高用户体验;
利用百度地图的微信小程序API获取经纬度,便于后端提货点的搜索;
使用map以及百度地图进行地图的展示操作,并使用markers进行标记点设置标识处理;
使用createIntersectionObserver来实现图片的懒加载,提升大数据量图片列表页的渲染。