店店U惠是O2O生活服务平台小程序，重新构建“互联网+实体”的创新商业模式。打破实体门店单一产品经营模式，全面引导 线上流量与设销优品进入门店销售，最大程度使得实体门店整合线上线下优势获得更高收益。 #小程序://店店U惠/Qi4ydXyApogkxCA taro 小程序：店店优惠、店店服务端、react 全家桶、typescript、less、animated。 平台管理系统：vue 3全家桶、typescript、vite、elementPlus、echart。 1.使用 taro 框架实现多端跨平台小程序统一开发，以 react 全家桶为主流模版编写页面组件，通过 taro 脚本执行上架到各个小 程序平台实现兼容。 2.通过 declare 设计通用函数做类型监测，注册到 taro 全局模块，对类组件，hooks 组件进行接口注册声明类型做监测。 个人优势 工作经历 项目经历 多元化web游戏、三五条平台 前端开发 2021.06-2021.12 库存100系统、微服务架构 前端开发 2020.03-2021.03 2.使用 subpackage 分包处理各元素模块，以及 iconfont 物料更新等图片静态资源压缩优化。 3.使用 class 封装 taro.request 做链式调用对象，配置环境变量，实现登录拦截递归，继承到 react Component 供前端直接使 用，做接口请求数据。 4.使用 redux 状态管理用户信息，分离模块化，供独立扩展业务线。通过类组件或者 hook 函数组件 useStore 访问状态管理数 据。 5.使用 hooks 处理页面组件，useState 更新数据，useEffect 处理异步请求，以及相关 taro use 编译的生命周期完成小程序交 互，实现好物严选、好物搜索、品牌店铺、商品内容、订单售后、积分商城等业务模块。 6.实现爱豆直播打卡活动，使用 taro.createlive 对象对 live 组件进行音视频录制及播放事件处理，导入直播房间号实现直播效 果，并设计定时器实现计时打卡。 7.自定义类组件编写 form 表单，将 props 对象转化设计 initValue 做为初始化数据，以 ts 类型声明组件属性做监测，开发 set 与 get 为函数对 item 组件，控件组件做传导合成嵌套组件，使用 react context及 children 做表单扩展、聚合列表组件（通过接 口绑定数据能筛选、下拉刷新、上拉分页）。供服务端小程序增删改查实现开源组件库复用。 8.使用 vue 3全家桶实现管理系统，使用 setup 获取 props 对象对 data 进行组件初始化整合重组。使用 elementPlus 组件，活用 ref、vuex、$emit 进行各类关系组件通信。以 keep-alive 属性值选择性缓存页面。通过 vite 配置环境变量及脚本打包，以 jenkins 构建部署到服务器，通过 docker 集成管理 vue 项目打包、nginx 服务配置及域名访问。

项目分为登录模块、数据面板模块、资源管理模块、服务条款模块、权限管理模块、消息会话模块 主体使用react框架架构，运用antd ui库排版，express部署后端服务，sequelize orm操作mysql

蜜蜂 go（8号仓奥莱）小程序属于奥特莱斯线上 saas 类型营销的电商平台，同步于蜜蜂 go APP 产品共同经营线上平台服 务，提供给用户线上交易，线下签收，属于奥特莱斯实业的新零售模式自营项目。 #小程序://8号仓奥莱/iLLR8TuSOzawRgJ uniapp 小程序：8号仓奥莱、蜜蜂 go 服务端、gio 、云信 IM、vuex 、千人千面。 hybrid app：vant、jquery、vue 全家桶、sass、animated。 1.vue 设计骨架屏组件、图片预加载组件，通过分屏页面懒加载请求数据，模块化全局通用函数、GIO 及云信 IM ，静态资源 使用七牛云处理图标库。 2.使用函数对 uni.request 网络请求做登录拦截递归与认证流程，封装成链式调用模块化入口复用，在其原型链设计函数处理 各类交互，实现请求 header 头部改写、弱网、超时等交互效果。 3.全局创建 GIO 埋点，模块化埋点事件类型 export 导出供交互场景复用。配合管理系统 echarts 绘图表记录用户行为。 4.负责搜索功能模块，配合架构师及千人千面 sdk 绘制页面，分离历史记录、推荐榜、模糊查询、搜索结果等元素组件， $emit 对父子组件通信及更新数据，以 flex 布局设计商品瀑布流列表效果。 5.使用云信 IM 代替 wx.websocket 实现聊天工具。创建 im 长链接对象、聊天列表、气泡数等使用 vuex 状态管理存储，配合 app 、管理系统同步消息场景值，设计类型对象，模块化消息卡片入口脚本文件待其他页面跳转绑定。开发文本、表情、图 片、视频、语音、自定义卡片推送通信复用。 6.实现云信 IM 群列表、修改用户昵称、历史记录、语音视频通话功能。 7.秒杀商品零界点修复，使用 setTimeout 封装做递归代替 setInterval 做零界值异常提交支付问题，防止队列参入其他交互事 件延时问题。