微信小程序 ---- 慕尚花坊 代码优化

代码优化

1. 分享功能

思路分析：

目前小程序页面都没有配置分享功能，需要给小程序页面设置分享功能。

但是并不是所有页面都需要设置分享功能，

具体哪些页面需要设置分享功能，可以和产品经理进行协商。

1. 首页
2. 商品列表
3. 商品详情

落地代码：

// 转发功能
onShareAppMessage() {
  return {
    title: '所有的怦然心动，都是你',
    path: '/pages/index/index',
    imageUrl: '../../assets/images/love.jpg'
  }
},

// 转发到朋友圈功能
onShareTimeline() {}

2. 优化-分包调整

思路分析：

1. 将 [设置页面] 配置到 [设置模块分包]，在访问个人中心页面时，提前预下载 [设置模块分包]

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'

1. 登录按钮
2. 提交订单

落地代码：

import { debounce } from 'miniprogram-licia'

debounce(function () {
    
  // coding...
    
}, 500)

4. 优化-代码质量检测

如何使用微信开发者工具进行代码质量检测

代码质量检测标准：