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

代码优化

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. 优化-代码质量检测

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

在这里插入图片描述

代码质量检测标准:

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/593675.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

四川易点慧电子商务抖音小店品质之选,信赖之源

随着互联网的快速发展,电子商务以其便捷、高效的特点成为越来越多消费者购物的首选。四川易点慧电子商务抖音小店,作为众多电商平台中的佼佼者,以其卓越的品质和优质的服务赢得了广大消费者的信赖。 一、品质保证,消费无忧 四川易…

【Qt】:常用控件(二:QWidget核心属性)

常用控件(二) 一.cursor(光标形状)二.font(字体信息)三.toolTip(提示显示)四.focusPolicy(焦点)五.styleSheet(文本样式) 一.cursor&a…

【注册中心】ZooKeeper

文章目录 概述Zookeeper的应用场景Zookeeper的角色Zookeeper 的数据模型zookeeper客户端常用命令Zookeeper的核心功能Zookeeper的架构与集群规则Zookeeper的工作模式Zookeeper如何实现分布式锁Zookeeper JavaAPI(Curator)来源 概述 Zookeeper 是一个开源…

Java笔试题总结

HashSet子类依靠()方法区分重复元素。 A toString(),equals() B clone(),equals() C hashCode(),equals() D getClass(),clone() 答案:C 解析: 先调用对象的hashcode方法将对象映射为数组下标,再通过equals来判断元素内容是否相同 以下程序执行的结果是: class X{…

十个排序算法

目录 冒泡排序(Bubble Sort) 选择排序(Select Sort) 插入排序(InsertSort) 希尔排序(ShellSort) 计数排序(CountSort) 快速排序(QuickSort) 归并排序(Merge Sort&a…

MCAL SPI配置

用的是Qspi0 SpiDriver 要配置 4个选项 Spichannel SpiExternalDevice SpiJob SpiSequence Mcu 模块配置 dma配置

理解Three.js的相机

大家都知道我们生活中的相机,可以留下美好瞬间。那Three.js的相机是什么呢?Three.js创建的场景是三维的,而我们使用的显示器显然是二维的,相机就是抽象的定义了三维空间到二维显示器的投影方式。Three.js常见的相机有两类&#xf…

jvm基础三——类加载器

类加载器的双亲委派机制 打破

python学习24:python中的列表(list)的遍历

python中的列表(list)的遍历 1.什么是遍历? 将容器内的元素一次取出,并处理,称之为遍历操作,或者还可以叫做迭代 2.如何遍历列表的元素呢? 我们可以使用前面学到的while或者for循环 接下来是代码演示: 使…

Docker基础系列之TLS和CA认证

Docker基础系列之TLS和CA认证 文章目录 Docker基础系列之TLS和CA认证1. 引言2. 初识TLS和CA3. 开启TLS和CA认证3.1 生成证书3.2 配置TLS 4. 参考和感谢 1. 引言 我们日常工作当中会遇到这些需求: 监控Docker容器在idea开发工具中连接Docker,直接发布至…

【RMSNorm】Root Mean Square Layer Normalization

【RMSNorm】Root Mean Square Layer Normalization 论文信息 阅读评价 Abstract Introduction Related Work Background RMSNorm Experiments 论文信息 名称内容论文标题Root Mean Square Layer Normalization论文地址https://arxiv.org/abs/1910.07467发表时间2019-…

随手集☞Spring知识盘点

概述 定义 Spring框架的提出者是程序员Rod Johnson,他在2002年最早提出了这个框架的概念,随后创建了这个框架。Spring框架的目标是简化企业级Java应用程序的开发,通过提供一套全面的工具和功能,使开发者能够更加高效地构建高质量…