摘要：
这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现，组件用的是微信小程序的scroll-view 逻辑就是获取右侧盒子的节点信息，获取右侧子分类的节点信息，当子分类滑动到顶部的之后，则切换左侧分类状态，而且当右侧子分类的位置处于触顶以及包含顶部位置的状态下，同样激活左侧分类状 阅读全文
摘要：
微信小程序的跳转方式 wx.navigateTo(Object)：保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页（新页面入栈） wx.redirectTo(Object)：关闭当前页面，跳转到应用内的某个页面（当前页面出栈，新页面入栈） wx.switch 阅读全文
摘要：
微信小程序闭包-防抖 这里主要用到闭包，将函数内的值保存下来，下次点击的时候进入判断，如果定时器启动了，则清除定时器，直到最后一次启动定时器，也就是说，在规定的时间内只会触发最后一次定时器，从而达到防抖效果。 防抖的使用场景： 防止连续快速点击 防止滚动条触底时的频繁事件触发 方法一： data: 阅读全文
摘要：
盲盒模块的流程大致如下： 进入盲盒抽奖页面，需要初始化直接获取一些盲盒的信息，例如：盲盒活动id，开奖buff等。首先需要获取盲盒活动id，后面的所有请求都是基于盲盒活动id进行的。 初始化获取: 盲盒活动id` 抽奖buff 校验抽奖活动状态：判断当前活动是否开启 抽奖次数：获取当前活动的抽奖次数 阅读全文
摘要：
当我们程序太大的时候，打开小程序就会比较慢，此处就需要用到分包加载，按照模块划分不同的包，让用户在需要的时候才加载对用的模块，也就是用户在进入某些页面的时候才下载该页面的资源，提高小程序的打开速度，以及首次加载资源的速度。 通常情况下，我们建的文件都在根文件夹下的pages里面 根文件夹其实就是主包 阅读全文
摘要：
效果： 步骤： 1、先让ui负责人把你的账号加入到项目中，加入到项目中后就可以在icon图标库中看到该项目 2、在小程序中使用 新建一个view，在上面加一个class，复制icon名字上去即可，注意格式，格式为iconfont icon名。 iconfont这个前缀不是固定的，根据icon名字来， 阅读全文
摘要：
场景： 传入数字，转换成天数，比如：index = 1 转换后则为 一，在页面中的应用就是<view>第{{index}}天</view>，转为第几天。 <view>第{{exchange.exChangeNum(index)}}天</view> <wxs module="exchange"> /* 阅读全文
摘要：
wxs封装 wxs可以直接写在wxml页面中，并且在对应的位置调用，比如在{{ xxx.xxx() }}调用wxs的函数 <view> <view>第{{m1.getMax(1)}}天</view> </view> <wxs module="m1"> var getMax = function(in 阅读全文
摘要：
封装组件 1、在components文件加下新建组件文件夹，在该文件夹下新建组件 2、在app.json中注册该组件 "usingComponents": { "page": "components/auth/index", "componentB":"/components/componentB/ 阅读全文
摘要：
自定义微信小程序头部导航栏，有几种方式 方式一 { "navigationStyle": "custom" // 将navigationStyle从默认default改为custom } 定义此方法后，头部的导航栏会去掉，导航栏下的元素会直接向上移动到原导航栏的位置，可以再app.json配置成全局 阅读全文
摘要：
微信小程序的支付只要用到官方的支付API ： wx.requestPayment(Object object) 官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html 调用微 阅读全文
摘要：
微信小程序的转发功能，参考官方文档，使用的buttom的open-type功能，下面是转发功能的具体实现。 // 通过按钮的 open-type="share"实现转发，触发onShareAppMessage函数 <button open-type="share">转发</button> // 用户 阅读全文
摘要：
在做收货地址的时候，通常会让用户填写或者打开地图选择收获地址，此时就需要用到微信提供的地址API，在使用地址API的时候需要注册对应的API，而且地址API会经常调整，需要关注官方公告，下面就是关于地址API的使用。 第一部分 先看下此设置有没有打开 进入微信开发者文档，在API下找到位置，此处就是 阅读全文
摘要：
下面提供几个解决方案 方案一： 官方文档有说明，将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。 方案二： 网上说了很多解决方案，例如： 1、可能是布局样式有冲突 推测可能是flex 布局 2、app.js 阅读全文
摘要：
一般常用的微信小程序跳转分为两种 1、非TabBar跳转 2、TabBar跳转 1、非TabBar跳转 非TabBar页面的跳转通常使用wx.navigateTo来跳转页面，在链接后面加 ？ 传参，如下： // 跳转页面 ? 后面传参 goods_id = 参数 wx.navigateTo({ ur 阅读全文
摘要：
request文件 // 封装请求 const baseURL = 'https://api-hmugo-web.itheima.net/api/public/v1' const request = (options) => { // return new Primise才可以使用then或者asy 阅读全文
摘要：
1、微信小程序的数据更新 Page({ // 响应式的数据定义在data里面 data: { bannerList: [] }, // 微信小程序的数据更新是在setData里面做的 this.setData({ bannerList:res.data.message }) }) 2、请求接口如果报 阅读全文