项目介绍:寻宝网是一个集游戏账号交易、休闲娱乐、在线购物于一体的网络平台。用户可在平台
上进行账号交易、寄售、发货、收货、退款等操作,实现游戏账号的快速流转。
技术选型: Vue2全家桶 VantUI Webpack VueX
个人职责:
独立搭建符合规范的项目脚手架,包括eslint、pritter、stylelint、husky等规范搭建
深入分析移动端适配的需求,给出至少3种移动端适配方案供团队参考
为项目封装常用的公共工具,如满足业务的通用表单组件、自定义指令、axios等
对用户量增长和业务扩展导致的前端性能瓶颈问题进行优化
项目难点:
系统业务流程复杂,有交易账号、寄售、发货、收货、退款等
长列表用无限滚动加载性能差,加载2000条数据时间增加到5秒以上,滚动有卡顿和延迟
项目文件庞大、依赖管理复杂和打包配置繁琐,项目构建效率低下
项目成果:
置一套符合团队习惯且规范的husky,提高了团队的开发效率和代码质量
用虚拟滚动、分页加载等优化后,即使加载5000条以上数据,时间在1秒内,滚动无明显卡顿
项目优化后,打包体积减少78%,冷启动速度提升93%, 打包速度提升73%