junxianzhou的博客

需求：在一些商品列表，优惠券列表，购物车…中时常会需要把相同商品归类起来展示，而不是一一罗列出来，这时就需要根据每个商品的唯一标识进行计算跟去重啦。重点：计算方式第一个数据时直接赋值num=1并追加到新数组里；判断当前这条数据在新数组里是否存在，存在则num增加1，否则赋值num=1并追加到新数组中；onLoad: function (options) { var that = this; var list = that.data.list; var newList =

需求：在小程序开发中，时常会遇到日期选择器、时间选择器或者地区选择器来进行选择的功能。往往设计图上面并不是按部就班沿用官方提供那种控件样式来实现显示，比如：样式会多样化、功能会复杂化。这时我们就要自己写一个适合需求的组件啦…下面跟大家分享下我写的一个自定义日期选择器组件~首先上效果图看看~~主要步骤：第一步：首先自定义选择器组件需要用到picker-view跟picker-view-column。使用方法如下~<picker-view indicator-class="picker-ind

需求：在微信小程序或者支付宝小程序开发过程中，通常页面底部都会设置有按钮。但是在iPhone机型上有部分屏幕底部是有横杆的，这时页面的按钮就会被横杆遮住，体验效果不理想。思路：首先在app.js的onLaunch方法中获取到设备信息，根据设备信息判断设备屏幕下边是否有横杆并设置到全局变量；在页面中获取到该变量，为true时就动态改变底部按钮高度，使按钮弹起一部分高度，从而实现横杠遮挡不了按钮；...

只需在setData变量的外边加上setTimeout即可：// An highlighted blocksetTimeout(() => { that.setData({ pickerIndexList, }) }, 0)

【css】微信小程序/支付宝小程序 实现view始终跟随页面变化显示在最底部需求：在小程序开发过程中，通常需要在首页或者重要的页面底部加上技术支持等字语。那么如何在[页面内容小于页面高度时]、[页面内容大于页面高度时]显示该字语在页面底部呢？实现效果的重点样式：// 这是技术支持等字语外边的盒子，这三个属性很重要.main .main-content{ position: relative; min-height: 100vh; box-sizing: border-box;}//

微信小程序 实现多次调起授权位置弹框获取用户位置需求：在小程序开发过程中通常需要获取用户的位置，有时会进入页面就要授权，有时点击某个按钮时需要授权。这时我们想到直接使用官方提供的wx.getLocation()来获取用户位置，但有个问题是这个接口只有在第一次进入小程序时或用户删除授权位置信息后才会调起授权弹框。那如果用户在第一次弹框时就点击了取消怎么办呢？下面给大家详细讲解如何多次调起授权弹框以便用户授权信息。实现的思路、步骤：首先在页面onLoad()或者onShow()里边调用wx.getSet

小程序 实现单个/多个倒计时显示单个倒计时多个倒计时单个倒计时上代码，上代码…wxml:// 单个倒计时-----wxml<view class="countdown"> <view class="item"> 倒计时： <view class="txt-time">{{txtTime.hou}}</view>: <view class="txt-time">{{txtTime.min}}</view>:

微信小程序 实现页面监听自定义组件的触发事件需求：在微信小程序开发过程中，页面通常会用到提示弹框。这时为了减少代码量及代码可拓展性，我们自定义一个提示组件是必不可少的了。那么问题来了，页面如何监听到组件的触发事件呢？下面给大家详细讲解页面如何监听自定义组件的触发事件。prompt组件：首先搭建提示组件ui。由于后面各个页面都有可能用到该组件，所以我选择从页面传值过来显示提示语；然后在prompt.js的点击事件里指定方法名称，该方法名称在后面的页面调用监听组件时需要用到；// prompt.