[其它] 微信小程序用户授权弹窗 拒绝时引导用户重新授权实现

说明：前言 我们在开发小程序时，如果想获取用户信息，就需要获取用的授权，如果用户误点了拒绝授权，我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权。 老规矩，先看效果图 从上图可以看出，我们在用户点击拒绝授权时，我们会弹出一个提示框，提示用户去设置页重新授权，当用户去授权页重新授权以后，我们再回到首页，点击获取用户信息时，就可以成功的获取到用户信息了。 如下图蓝色框里，就是我们成功的获取的用户信息。   一，我们获取用户信息的时候需要用户授权 我们点击获取用户信息时，通
<weixin_38616435> 上传 | 大小：349kb

[其它] 微信小程序实现页面分享onShareAppMessage

说明：效果 js let app = getApp(); Page({ data: { img: /images/1.jpg }, onLoad() { }, showShareMenu() { wx.showShareMenu(); console.log(显示了当前页面的转发按钮); }, hideShareMenu() { wx.hideShareMenu(); console.log(隐藏了当前页面的转发按钮); }, onShareAppMessa
<weixin_38638647> 上传 | 大小：77kb

[其它] 小程序中英文混合排序问题解决

说明：小程序中英文混合排序问题 在开发一个手机联系人列表的功能时，遇到需求是需要将联系人列表按照拼音顺序排序。而联系人列表是会出现中英文混合的情况。于是遇到了问题。 小程序无法直接中文进行排序 localeCompare函数排序出来的结果不正确 在遇到这个问题的时候，也去网上查过不少，本来觉得比较好用的就是例佣localeCompare函数去进行排序。但是在实际开发的时候发现该函数的排列结果跟网上的不同。(大概是h5跟小程序的区别吧,我也不是很了解~) 最终参考了字母表的方式，采取了类似的做法来
<weixin_38635449> 上传 | 大小：43kb

[其它] 微信小程序 WXML节点信息查询详解

说明：1、节点信息查询 const query = wx.createSelectorQuery();//【返回节点查询对象：SelectorQuery】 //组件内，则用this.createSelectorQuery()；或者query .in(this); 节点查询对象：SelectorQuery .in(this) //限定范围为自身组件,返回【节点查询对象】(所以可以和下面的方法，点连调用) .exec(function callback) //执行查询 //根据str选择器查询，或者
<weixin_38624914> 上传 | 大小：45kb

[其它] 微信小程序实现九宫格抽奖

说明：本文实例为大家分享了微信小程序实现九宫格抽奖的具体代码，适用于年会抽奖，供大家参考，具体内容如下 效果图比较卡顿，真实运行效果是旋转的 用到的素材： 实现步骤： 实现原理 改变每一项的透明度实现选中效果。利用setTimeOut时间使旋转速度越来越慢。达到慢慢停止的效果。实际应用中可以将9张奖品图片和中奖项均通过接口返回。以方便奖品的调整。  1.布局绘制 停止位置:<input value='{{luckPosition}}' style=width:100%;text-ali
<weixin_38516863> 上传 | 大小：99kb

[其它] 微信小程序非swiper组件实现的自定义伪3D轮播图效果示例

说明：本文实例讲述了微信小程序非swiper组件实现的自定义伪3D轮播图效果。分享给大家供大家参考，具体如下： 效果如下： 我用了很笨的方法实现的，大致就是： 1.当前点击的div（view）如果前后都有内容，那么，当前div（view）就设置到中间，前一个就设置到左边，前一个的前面所有全部设置到最左边，后面一个设置到右边，后面所有设置到最右边 2.当前点击的div（view）如果前面无内容，即第一个，那么，当前div（view）设置到中间，后面一个设置到右边，后面所有设置到最右边 3.当前点击的d
<weixin_38560107> 上传 | 大小：80kb

[其它] 微信小程序实现时间预约功能

说明：一个类似电商的时间预约功能，供大家参考，具体内容如下 1 .概述 我们在学习微信小程序或者做项目时，应该会遇到需要时间预约功能情况，那么这个时间预约功能我们应该怎么编写呢？于是就做了一个类似电商的时间预约功能，觉得有用，就独立出来成了个小插件，今天我们就分享这样的小教程。希望对大家有所帮助。 不多说了，上图来啦！ 2. wxml <view class='list' style
<weixin_38618819> 上传 | 大小：61kb

[其它] 微信小程序实现录音功能

说明：本文实例为大家分享了微信小程序录音功能的具体代码，供大家参考，具体内容如下 release.wxml <view class=cell-bd data-key={{item.f
<weixin_38500709> 上传 | 大小：37kb

[其它] 微信小程序实现时间进度条功能

说明：关于答题类，或者一些游戏环节的小程序需要用到时间进度条，该功能怎么实现？看下面源码 {{progressTime}}秒 {{playPausetips}} CSS: .out {margin-
<weixin_38660069> 上传 | 大小：30kb

[其它] 微信小程序之左右布局的实现代码

说明：本文以一个简单的小例子，简述在微信小程序开发中左右布局功能的实现方式，主要涉及scroll-view ，列表数据绑定，及简单样式等内容，仅供学习分享使用。 概述 在微信小程序开发中，左右分栏（左边显示分类，右边显示明细，然后进行联动）是一种常见的布局方式，多应用于点餐，冷饮店，外卖，以及其他类似的商城。 布局分析 布局分析图示如下： 涉及知识点 scroll-view 可滚动视图区域。使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2.
<weixin_38703794> 上传 | 大小：82kb

[其它] 详解小程序如何改变onLoad的执行时机

说明：也许在小程序所有生命周期里，我们用的最多的就是 onLoad，一大堆代码都要在初始化的时候执行。 很多时候，初始化的代码是每个页面共用的，比如获取用户信息、获取定位等： Page({ onLoad() { this.userData = getUserData() wx.getLocation({ type: 'wgs84', success (res) { // 业务代码 // ... } }) } // ... }) 久而久之，每个页面
<weixin_38553837> 上传 | 大小：51kb

[其它] 微信小程序实现左侧滑动导航栏

说明：本文实例为大家分享了微信小程序实现左侧滑动导航栏的具体代码，供大家参考，具体内容如下 左侧滑动导航栏如图 wxml
<weixin_38520046> 上传 | 大小：48kb