项目简介: 雨林小象母婴是一个基于*小程序的在线购物平台,主要是针对婴儿出售童装,童鞋以及玩具批发零售,商城提供了浏览商品, 筛选商品,加入购物车,以及在线支付功能, 线下流量引入线上,节省门店人工成本，提升用户体验和门店效率 项目技术: uni-app+vuex+uviewUi+vant 负责模块: 首页模块,商品详情模块,全部商品模块,登录模块,分类模块 技术运用: 技 • 结合uni-app框架和vuex状态管理，实现了首页、商品详情、全部商品、登录和分类等核心模块的开发和优化，确保了页面 性能和用户体验。 • 利用uView UI和Vant组件库，封装了全局搜索框组件和轮播图组件，实现了组件的复用和页面功能的优化。 项目经验 2022-07 ~ 2022-09 银豆商城平台（uni-App 小程序） 银 前端开发工程师 前 2022-03 ~ 2022-06 豆豆商城后台管理系统 豆 前端开发工程师 前 2021-09 ~ 2021-11 嘉信物业服务管理平台(vue2) 嘉 前端开发工程师 前 • 通过Promise和wx.request()，实现了异步请求，确保了数据的同步处理和页面加载的流畅性。 • 运用wx.getUserInfo()获取用户信息，结合wx.login()实现了用户登录功能，并采用双token的方法进行登录的无感刷新，保 障了用户信息的安全性和用户体验的连贯性。 • 调用wx.requestPayment()接口，实现了*支付功能，确保了用户在小程序中的支付流程的顺畅和安全。

项目描述 ：该项目主要是搭建一个后台管理系统，实现统一管理客户、满足客户需求、维护客户关系、防止客户流失、简化销售流程、提升销售业绩等，控制该后台管理系统的前端数据，保持项目正常运行。 技术栈：vue2，element-ui，vuex，vue-router，axios, eCharts 图表库 项目职责： 1. 此项目我跟随项目组长参与需求分析以及准备项目的基建工作； 2. 进行组内讨论,制定一些统一的标准提供组内使用.例如:变量命名规范, eslint 规则 ； 3. 封装公共组件 : 预览弹框、跳转按钮、批量上传等 ； 4. 封装公共工具 : 树形结构格式转换 , 日期 等 ； 5. 根据需求完成页面的详细交互； 6. 负责项目后期的维护。 技术实现： • 用 vue 脚手架搭配 element-ui 完成页面布局搭建，通过 vue-router 完成路由的配置与跳转 • 使用 axios 获取后台数据并配置拦截器与封装一些常用的请求如• 首页模块渲染跳转，webpack 打包优化等操作 • 首页性能优化，图片懒加载，路由懒加载配置，组件化开发 get，post等

这款小程序是由两个前端两个后端开发维护，主要面向学校用户，涵盖了多个功能模块 项目模块： 1.开锁模块: 我们使用了第三方插件”通通锁”，支持蓝牙开锁、扫码开锁和密码开锁等多种开锁方式，为用户提供方便快捷的门锁解锁服务 2，学生工具模块: 这个模块包括了多个实用的学生工具功能。其中包括调寝申请，方2便学生在校内进行宿舍调换申请，门锁报修，方便学生报修宿舍门锁问题，开卡申请，学生可以申请校园卡开卡，求职招聘，提供学生求职和校园招聘信息，签到打卡，支持学生在特定场景进行签到和打卡操作。 3，学生生活模块: 这个模块主要提供了校园生活相关的服务。包括校园餐吧，提供学生查看校园餐厅菜单、预定和外卖服务，校园团购，提供学生团购活动信息和参与团购;校园跑腿，学生可以发布和接受校园内的跑腿任务，方便生活需求在项目开发过程中，我们面临了一些挑战和难点。其中一些主要的难点包括，第三方插件集成: 整合第三方插件"通通锁”，需要研究和理解其 API 文档，并进行相应的接入和调试，蓝牙开锁稳定性:由于蓝牙通信的特殊性，需要处理蓝牙连接的稳定性和可靠性确保开锁操作的成功率。 4，用户权限管理: 在学生工具模块中，需要对不同用户进行权限管理，确保只有具备相应权限的用户才能进行相关操作作。 5，数据安全与隐私保护: 在处理用户个人信息和敏感数据时，需要采取合理的安全措施，确保数据的安全性和隐私保护。 通过克服这些难点，我们努力为用户提供一个功能丰富、稳定可靠的小程序，以满足学生们在校园生活中的各种需求。 项目总结： 1，页面布局和样式设计：在小程序中，需要合理地设计页面的布局和样式，以提供良好的用户体验。这涉及到对小程序的组件和样式的熟悉，以及对用户交互和视觉设计的理解。 2，支付接口的集成：团购和餐吧模块都涉及到支付功能，需要与*支付接口进行集成。这涉及到对支付接口的调用和参数配置的理解，以确保支付功能的正常运作。 3，页面性能优化：小程序的页面加载速度是一个重要的考量因素，在团购和餐吧模块中也需要考虑页面性能的优化。这包括减少请求次数、合理使用缓存、异步加载等方面。 优化： 1，异步加载和懒加载:对于一些非首屏必要的资源，可以使用异步加载的方式来延迟加载，提高首屏展示速度。另外，对于一些需要用户滚动或触发的内容，可以采用懒加载的方式，延迟加载这些内容，减少初始加载时的资源压力。 2，优化渲染性能: 优化页面染性能可以通过以下几个方面进行优化。首先是减少 DOM 操作，尽量减少频繁的 DOM 元素修改。其次是使用 CSS 3动画来代替使用 JavaScript 的动画，因为 CSS 3动画可以使用硬件加速，提高动画的流畅度。另外，对于一些复杂或频繁变动的部分，可以使用 Canvas 来实现，提高渲染效率 3，避免过度绑定数据:在小程序中，数据绑定是实现页面动态更新的重要方式。但是过度绑定大量数据会影响页面性能，因此需要合理使用数据绑定，避免绑定过多的不必要数据。 4，图片优化: 对于小程序中使用的图片，可以进行压缩和优化，以减小图片的文件大小。同时，可以根据不同的设备像素密度提供不同尺寸的图片，以提高加载速度和显示质量，比如 webp。 4，页面缓存:小程序支持页面缓存，可以将一些静态或不经常变动的页面进行缓存，减少页面重新加载的时间和请求次数