主要为万里安飞行服务（上海）公司的日常支出的金额和人员的消费进行报销，员工工资的发放做一个统计，以及和各国客户合作的账单进行计算汇总、各国的币种的汇率展示等 技术栈：vue3、vite、element plus、EChart、axios 技术要点： 1、对 Axios 请求进行二次封装，配置基础路径、超时等全局设置，并在请求拦截器中统一为请求头添加 token 和响应拦截器中对错误进行统一处理 2、使用 vuex+sessionStorage 存储 token ，让其用户离开页面后数据不会残留，解决用户离开页面时清除登录状态以免他人操控电脑涉及财产安全的问题 3、根据后端返回的 role 字段判断用户角色，实现侧边栏菜单的权限控制，显示对应的功能按钮 4、使用 EChart 对近一周和一个月的数据分别以饼图和折线图的形式实现可视化，便于进行数据分析 5、自定义hooks函数提高代码的复用性 技术难点： 1、弹窗关闭后数据残留 2、多条数据进行联动计算 解决方法： 1、监听弹窗关闭后，进行数据清空 2、获取已修改或正在数据的下标，使用for循环利用以获取的下标，开始往下计算

主要用来向用户展示家饰佳宜家店所销售的商品，成为设计师，设计商品图获取积分兑换物品等 技术栈：uniapp、uView 技术要点： 1、封装 tree 组件，新增商品查询列表功能，并采用虚拟列表渲染列表，优化树形权限架构 2、通过配置 husky 为项目代码提交时添加代码规范检查与自动修复 3、使用 flexible.js 实现移动端适配，并配合 post-css 插件实现 px 自动转为 rem 4、使用 webscoket 实现*扫码支付并在成功后进行提醒

这是一款用于飞行员和飞行后勤聊天交友的小程序，发朋友圈，报名参加活动、查看不同地区的人员信息等功能 技术栈：uniapp 、即时通讯 IM、uniapp-ui、 技术要点： 1、使用百度云人脸识别验证用户实名认证的准确性 2、使用即时通讯 IM 进行在线聊天、添加好友等操作 3、封装功能函数，实现文件异步压缩上传、权限的控制页面数据展示的不同 4、封装顶部导航栏、图文展示等组件，在多个页面实现复用，减少代码体积 5、获取用户当前经纬度，使用高德地图接口获取用户详细位置 6、使用 better-scroll 优化页面滚动，使用 fastclick 插件解决 click 事件300ms 延迟； 技术难点： 1、聊天消息发出滚动条不会自动定位到底部，用户体验感差 2、首页首次请求服务器数据过多渲染到页面出现 1、2秒白屏情况，用户没有下拉加载的体验感 3、不同用户的*查看用户界面出现页面不自适应出现部分空白区域 4、短时间跳转相同页面接口未及时更新 解决方式： 1、使用 scroll-view 组件添加一个 scroll-into-view 属性给每一个 scroll-view 的子元素添加 id 属性 2、把数据存入一个空白数组里，第一次使用 splice()取十条数据添加到另一个数组里，使用 onReachBottom 生命周期用户触底时使用 setTimeout 延迟一秒，再次使用 splice()取十条数据，同时解决了页面出现白屏情况和下拉加载的体验感 3、使用 uni.getSystemInfo（）获取不同*高度，动态修改元素高度 4、使用 setTimeout 延迟500ms 调用接口