蜂邻小程序作为我司电商系统中面向C端用户唯一的流量入口,地位非常重要。
从代码规范性、性能、用户体验三个方面对代码进行了重构。
规范性:
● 将 http 请求封装成 promise 的形式,提高代码可读性。
● 不同模块的 http 请求放到不同的 js 文件中,让项目结构更合理。
● 封装多个组件:公共头部、列表下拉加载、图片上传、金额格式化。
● 剔除无用的业务逻辑
性能:
● 分包,提高加载资源速度
● 合适使用 setData 函数,避免无用的 diff 操作 用户体验:
● 增加骨架图
● 合理利用小程序页面生命周期 onLoad、onShow 的特性,避免重复的网络请求
● 重写了分类页,整理了切换楼层的逻辑,让交互效果更加丝滑
业绩:
1、高效交付
2、通过 sentry 监控线上系统,避免系统裸奔
3、代码层面,提高了规范性
4、用户体验层面,提高了小程序的打开速度
点击空白处退出提示
评论