按照官方最新文档循环的方式,索引值是以  wx:for-index="index" 方式写的, 以   parseInt(event.currentTarget.dataset.index)  方式获取索引一直是NaN,注意这里用的是currentTarget,而不是target. 这里说一下他们的区别:target指向发生事件的组件,currentTarget指向绑定事件的组件 1.currentTarget:绑定的事件当前元素及其子元素都会触发 2.target: 绑定的事件 子元

例如:要做到这样的效果 点击每个选项时,会显示不同的div. 我们的做法:在javascript中,先把所有的div的display设置为none,然后在根据当前的数组里的索引值进行一个显示div的过程. 下面的例子就是: 首先,把妙味课堂.妙味茶馆.苗味视频选项的div设置为display:none: 然后,早在之前就以前设置好了数组的索引值 btn[i].index=i; 于是当所有div都设置为display:none后,再把点击的那个div的display设置为block就可以了 con

小程序后台隐藏后 socket 无法重新连接 连接时 fail 回调函数的事件参数:connectSocket:fail:jsapi has no permission,event=createSocketTask,runningState=suspend,permissionMsg=permission ok,detail=network api interrupted in suspend state 错误原因:小程序后台切换前台时,需要时间,这个错误表示连接时小程序还不是处于前台状态,无法

首先,咱们看一下微信小程序动画怎么实现,我首先想到的是anime.js,但是引入之后用不了,微信小程序内的css也无法做到循环的动态,我就去找官方文档看看有没有相应的方法,哎,还真有 点击这里查看 微信官方文档 简化一下哈:就是这样的 先在js的data里面定义一个动画的值 data: {     animationData: {},   }, 我这边做的是一个箭头图片的旋转 所以wxml里面得元素是这样的 <image animation="{{animationData}}"

摘要: 小程序索引选择器,点击跳转相应条目,索引可滑动,滑动也可跳转 场景:城市选择列表, 汽车品牌选择列表 所用组件: scroll-view(小程序原生) https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 所用API: wx.getSystemInfo     https://developers.weixin.qq.com/miniprogram/dev/api/base/system/s

现象 循环picker选择器,改变一个下拉框选项,导致全部下拉框选项改变: 问题 怎样操作才能实现只改变当前操作的下拉框的值? 思路 在js中设置一个数组变量,存储每个picker选择器默认的值:然后根据bingchange获取相应的索引.e.detail.value,根据这些更新数组,重新赋值,然后根据 数组的索引.值更新相应的picker索引以及值. wxml <block wx:for="{{salesList}}" wx:for-index="index&quo

因为在做一个小程序的demo时.由于不向后台请求数据,所以就涉及到对本地数据的操作,现在就做一些数组的增删 //添加新元素 addItemFn: function () { var { lists } = this.data; var newData = { text: "新的元素" }; lists.push(newData); this.setData({ lists: lists }) } //删除新元素 delItemFn: function (e) { var { lists

Page({ data: { list:[{ id:1, name:'应季鲜果', count:1 },{ id:2, name:'精致糕点', count:6 },{ id:3, name:'全球美食烘培原料', count:12 },{ id:4, name:'无辣不欢生猛海鲜', count:5 }] } }) 一.向前向后新增数组 //假设这一段是我们要新增的数组 var newarray = [{ id:5, name:'向后增加数据--'+new Date().getTime() ,

平常在做小程序时,比如循环渲染数据时,如果有多个数据层次,一般都会这样 wx:for-item=item2,它的意思只是简单的起了一个wx:for循环值的别名,不是表示循环item2,index2同理,别转牛角尖,一直想item2哪里来的,只是别名,下面用的时候就用item2.属性名来拿值

问题 客户端使用小程序,需要录音功能然后到后台页面播放,由于微信提供的录音API压缩后的格式为 .silk格式的,但是这个格式其他播放器都是播放不了的,更何况html页面的audio标签更是不可能播放了,所以我们需要将.silk格式转码到mp3格式,因为mp3格式是最流行的音频格式,不管手机音乐还是其他方面,MP3格式都是很经常看到的. 前言 遍寻网络,只此一家将.silk转码到mp3的开源项目,可以说这兄弟非常牛了, github地址: https://github.com/kn007/sil

前言: 小程序开发中诸如获取用户手机号码.调起微信支付.领取卡券等api都是会有一定的延迟的.也就是说通过点击按钮调用这些api的时候,从点击按钮调用api,到支付页面或者领取卡券界面展示出来是需要一定时间的,连续点击按钮,还是有可能会重复调用的. 虽然这种情况有点极端,正常用户是不会这么连续快速的点击按钮的,但是也不能排除有用户手抖,连续点了两下.如果重复调用的话,不仅体验不好,单击事件中涉及到后端接口操作的也可能引起其他异常.所以这个问题还是要处理下的. 刚开始想到的是使用loading开启

一:小程序端: wxml中代码: <!--index.wxml--> <view> <view> <button bindtap="onShow"> 调接口 </button> </view> </view> js中代码: //index.js //获取应用实例 const app = getApp() Page({ onShow:function(){ console.log('123456') le

问题: 在首次进入小程序时,我们常常会收到一些获取权限的申请,比如「获取地理位置权限」.需要微信登录时请求「获得你的公开信息(昵称.头像等)」.对于这些权限申请,开发者当然希望获得所有权限,而用户拒绝授权的情况不免存在.那么作为开发人员在考虑「用户拒绝授权」这类异常情况出现时,应该提前做好未获得授权时的兼容处理,以及用户希望授权时的再次提醒. 查看官方文档: 授权 部分接口需要经过用户授权同意才能调用.我们把这些接口按使用范围分成多个scope,用户选择对 scope来进行授权,当授权给一个sc

如何切换webview进入小程序请参考https://testerhome.com/topics/12003 脚本思路:进入webview后会存在多个handle同Web页签一样,获取所有的handle,然后在遍历所有的handle,通过switch_to_window进行handle切换,当某个handle可以定位到我们需要定位的元素时,然后我们就可以进行之后的自动化操作了! <code style="font-family:Menlo, Monaco, Consolas, 'Couri

当小程序发布新的版本后 ,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会检测新版本,提醒用户更新新的版本 话不多说,上代码 App({ onLaunch: function () { // 检查更新 this.autoUpdate() }, autoUpdate: function(){ let _this = this // 获取小程序更新机制的兼容,由于更新的功能基础库要1.9.90以上版本才支持,所以此处要做低版本的兼容处理 if(wx.canIUse('getUp

微信小程序中需要用到数组的操作,push和concat二者功能很相像,但有两点区别. 先看如下例子: var arr = []; arr.push(); arr.push(); arr.push([, ]) arr.push(, ); arr = arr.concat(); arr = arr.concat([, ]); arr = arr.concat(, ); for(var i in arr){   console.log(i+"-----"+arr[i]); } 打印结果如下:

最近公司做了一些有关微信小程序的项目,涉及到授权获取用户基本信息,但是在拒绝授权之后就不会再出现授权窗口: 看网上也有很多人遇到了同样的问题,所以记录下来我的处理方法,供大家和自己学习和记录: 当调用小程序 wx.getUserInfo(OBJECT) 获取用户基本信息时,需要用户进行授权操作,如果用户点击了拒绝,则再次调用该方法就不会出现对应的授权窗口,很是让人困惑: 找了许久,最后让我发现了它:------> wx.openSetting(OBJECT),下面让我们认识一下: wx.open

在做微信小程序开发的过程中,发现小程序在本地调用接口的数据都显示,但是上传之后,发现手机体验没有数据.以下为解决办法: 1.先清除缓存试试. 2.打开微信小程序工具右上角的详情——项目设置,将“不校验合法域名.web-view(业务域名).TLS 版本以及 HTTPS 证书”勾选上,然后上传,重新刷新微信小程序官方页面,重新打开二维码进行体验. 此文章为原创,转载时请标明原文章出处,谢谢大家!

var lis = document.getElementsByTagName("li"); for(var i=0;i<lis.length;i++) { lis[i].index = i; //赋予每个li索引值 lis[i].onclick = function () { alert(this.index); } } JQ: var $index =$(this).index();

解决步骤: 进入通讯录tab->点击右上角添加朋友->搜索框输入:recover,拉到最底下选择小程序进行修复操作 参考:https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0000e2759a0d70d698461c83e56000&token=1708780389&lang=zh_CN

页面之间传值有三种方式 1.url传值 2.本地存储传值 3.全局变量传值 1.url传值: 通过url传值的需要通过option来获取参数值. 更多详情可以访问小程序-navigateTo章节. A页面: wx.navigateTo({ url: 'test?id=1' }) B页面: Page({ data:{ id:'', }, onLoad: function(option){ this.setData({ id:option.id }) } }) 2.本地存储: 关于缓存,可以先访问小