代码优化
1. 分享功能
思路分析:
目前小程序页面都没有配置分享功能,需要给小程序页面设置分享功能。
但是并不是所有页面都需要设置分享功能,
具体哪些页面需要设置分享功能,可以和产品经理进行协商。
- 首页
- 商品列表
- 商品详情
落地代码:
// 转发功能
onShareAppMessage() {
return {
title: '所有的怦然心动,都是你',
path: '/pages/index/index',
imageUrl: '../../assets/images/love.jpg'
}
},
// 转发到朋友圈功能
onShareTimeline() {}
2. 优化-分包调整
思路分析:
-
将 [设置页面] 配置到 [设置模块分包],在访问个人中心页面时,提前预下载 [设置模块分包]
-
进入订单结算页面时,提前预下载 [设置模块分包]
落地代码:
➡️ app.json
{
"subPackages": [
{
"root": "modules/settingModule",
"name": "settingModule",
"pages": [
+ "pages/settings/settings",
"pages/address/add/index",
"pages/address/list/index",
"pages/profile/profile"
]
},
{
"root": "modules/goodModule",
"name": "goodModule",
"pages": ["pages/goods/list/list", "pages/goods/detail/detail"]
},
{
"root": "modules/orderPayModule",
"name": "orderPayModule",
"pages": ["pages/order/detail/detail", "pages/order/list/list"]
}
],
"preloadRule": {
+ "pages/my/my": {
"network": "all",
"packages": ["settingModule"]
},
+ "modules/orderPayModule/pages/order/detail/detail": {
+ "network": "all",
+ "packages": ["settingModule"]
+ },
"pages/category/category": {
"network": "all",
"packages": ["goodModule"]
},
"pages/cart/cart": {
"network": "all",
"packages": ["orderPayModule"]
}
},
}
3. 优化-关键按钮添加防抖函数
思路分析:
为了防止用户频繁点击按钮而导致的重复提交或者多次请求的问题,
我们需要给关键按钮添加防抖函数,这里可以使用 licia
提供的防抖函数
import { debounce } from 'miniprogram-licia'
- 登录按钮
- 提交订单
落地代码:
import { debounce } from 'miniprogram-licia'
debounce(function () {
// coding...
}, 500)
4. 优化-代码质量检测
如何使用微信开发者工具进行代码质量检测
代码质量检测标准: