
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
小程序微信小程序使用tabBar后,跳转到tabBar页面为什么不行
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序使用tabBar后,跳转到tabBar页面为什么不行」
摘要:小程序微信小程序使用tabBar后,跳转到tabBar页面为什么不行
展开:微信小程序使用tabBar后,跳转到tabBar页面为什么不行,微信小程序使用tabBar后,跳转到tabBar页面为什么不行,微信小程序使用tabBar后,跳转到tabBar页面为什么不行,微信小程序使用tabBar后,跳转到tabBar页面为什么不行, -
小程序微信小程序使用服务器腾讯云和阿里云那个好,用哪一个的多
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序使用服务器腾讯云和阿里云那个好,用哪一个的多」
摘要:小程序微信小程序使用服务器腾讯云和阿里云那个好,用哪一个的多
展开:微信小程序使用服务器腾讯云和阿里云那个好,用哪一个的多 -
小程序微信小程序修改提交新代码版本后,用户在IOS上什么时候能看到生效的结果
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序修改提交新代码版本后,用户在IOS上什么时候能看到生效的结果」
摘要:小程序微信小程序修改提交新代码版本后,用户在IOS上什么时候能看到生效的结果
展开:微信小程序修改提交新代码版本后,用户在IOS上什么时候能看到生效的结果?安卓上会自动重新加载页面,能很快看到新版效果,但是IOS似乎不会自动更新。 -
小程序微信小程序入门教程列表渲染多层嵌套循环及wx:key的使用
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序入门教程列表渲染多层嵌套循环及wx:key的使用」
摘要:小程序微信小程序入门教程列表渲染多层嵌套循环及wx:key的使用
展开:前言入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉。viewwx:for{{items}}{{index}}:{{item.message}}/view还有一个九九乘法表把数据直接写到wxml里的,并不是动态二维数组的列表渲染。viewwx:for{{[1,2,3,4,5,6,7,8,9]}}wx:foritemiviewwx:for{{[1,2,3,4,5,6,7,8,9]}}wx:foritemjviewwx:if{{ij}}{{i}}{{j}}{{ij}}/view/view/view那么今天,我们主要来讲讲动态多维数组和对象混合的列表渲染。讲解何为多维数组和对象混合,给个很简单的例子twoList:[{id:1,name:应季鲜果,count:1,twodata:[{id:11,name:鸡脆骨},{id:12,name:鸡爪}]},{id:2,name:精致糕点,count:6,twodata:[{id:13,name:羔羊排骨一条},{id:14,name:微辣}]}]上述例子就是一个数组,这都是我们日常开发过程中,经常会碰到的JSON格式,该数组的元素是有对象,对象又分为属性,属于数组对象混合,可能对于刚接触小程序的童鞋,碰到这种数组对象混合的就会发难了。一层循环oneList:[{id:1,name:应季鲜果,count:1},{id:2,name:精致糕点,count:6},{id:3,name:全球美食烘培原料,count:12},{id:4,name:无辣不欢生猛海鲜,count:5}]以上数组对象混合JSON,是测试只有一层循环的,我们看看在wxml里怎么循环,我们先看一下要循环渲染到页面上的效果图。viewwx:for{{oneList}}wx:keyid{{index+1}}、{{item.name}}/view我们可以看到,这里直接用两个花括号来给view循环列表,注意强调一下,请记得一下要用两个花括号数据起来,如果不包起来,view也会循环出来,但并不是自己要循环的数据,而且是给了一个假象给你以为是有循环了,这里开发工具有点坑人的感觉,这个还需要多细心点,这里记住一点,只要是有数据的,就需要花括号。另外默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item,同时我这里也顺道演示了如何使用数组变量名和下标。二层循环JSON代码twoList:[{id:1,name:应季鲜果,count:1,twodata:[{id:11,name:鸡脆骨},{id:12,name:鸡爪}]},{id:2,name:精致糕点,count:6,twodata:[{id:13,name:羔羊排骨一条},{id:14,name:微辣}]},{id:3,name:全球美食烘培原料,count:12,twodata:[{id:15,name:秋刀鱼},{id:16,name:锡箔纸金针菇}]}]wxml代码viewclasspad10wx:for{{twoList}}wx:keyidview{{index+1}}、{{item.name}}/viewviewwx:for{{item.twodata}}wx:foritemtwodatawx:keyid{{twodata.name}}{{item.name}}/view/view以上截图和代码是二层嵌套内容。我们在wxml代码里,很明显的看到有两个wx:for的控制属性,在二层循环的JSON代码里,我们看每个单数组里还有一级数据twodata,这里是需要再循环渲染到页面上的,在第一层数据里,直接再循环item.twodata即可,请记得一定要带上花括号。在第二层的循环里,建议把当前项的变量名改为其他,即在wxml代码里看到的wx:foritemtwodata,因为默认的当前项的变量名为item,如果不改换其他的话,你是拿不到第一层循环的数据的,因为被第二层的变量名覆盖了。所以我们在wxml代码里,在第二层循环时,可以看到还可以循环第一层的值,即{{twodata.name}}{{item.name}}。三层以上的多层循环三层以上的多层的数组循环,在原理上同二层循环是一样的,能理解了二层数组循环,对于三层以及三层以上都能得心应用的。需要注意的地方,那就是老生常谈的问题了,数据需要用花括号括起来,从第二层起,把默认的当前项的变量名改为其他,例如wx:foritemtwodata,还有细心再细心。wx:key唯一标识符为什么会有wx:key的出现呢,官方给的解释是,如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如input中的输入内容,switch的选中状态),需要使用wx:key来指定列表中项目的唯一的标识符。当数据改变触发渲染层重新渲染的时候,会校正带有key的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率。在开发过程中,wx:key的作用对于项目作用是非常大的,如果从文字上无法理解的童鞋,可以到githubclonedemo到微信开发工具里,亲自体验下。我们看到这个GIF动画图,这里有一个switch的开启状态,switch的状态是在标题为羔羊排骨一条的,在对这个数组增加数据时,这个switch的状态并不跟随着羔羊排骨一条,并不保持自己的状态。那我们再看另一个例子,使用了wx:key唯一标识符。这个GIF动画图,也是点击开启了switch的状态,唯一有不同的地方,就是在新增数据时,是保持着自己的状态的。相信通过这两个小例子,对wx:key唯一标识符应该也有所了解啦,想要提升技术,就要多折腾,自己在小程序里,写个wx:for和wx:key体会下。还有一个需要注意的地方,我们先看看以下代码viewclasspad10wx:for{{twoList}}wx:keyid/viewwx:keyid,我们看到wx:key里的值并不需要花括号的,是的,这里是比较特别的地方,不需要花括号,同时也不需要参数名,需要是虽然数据里的一个字段名。原作者:蓝狐锅锅(简书作者)来自:http://www.jianshu.com/p/87cdf985b2b9 -
小程序微信小程序全局函数有哪些
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序全局函数有哪些」
摘要:小程序微信小程序全局函数有哪些
展开:getUserInfo方法没有详细介绍文档,bindViewTap也没有,请问还有哪些?这都是从例子中出现的,但文档没有详细介绍,全局变量有哪些? -
小程序微信小程序内如何识别二维码进行跳转
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序内如何识别二维码进行跳转」
摘要:小程序微信小程序内如何识别二维码进行跳转
展开:如题,我想在微信小程序里面加上一些二维码,然后实现长按识别二维码功能,但是通过查看官方文档发现好像没有这个功能,目前我想到的只有,长按下载二维码到本地,然后长按识别二维码(从相册选择),但是如何跳转到指定窗口不知道如何解决(公众号等等),因为小程序扫码返回的是链接,不知道如何跳转到应用外 -
小程序微信小程序内置的地图能不能定位,显示,标注加拿大温哥华的地址
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序内置的地图能不能定位,显示,标注加拿大温哥华的地址」
摘要:小程序微信小程序内置的地图能不能定位,显示,标注加拿大温哥华的地址
展开:微信小程序内置的地图能不能定位,显示,标注加拿大温哥华的地址?如果不能,能不能引入第三方地图进行开发?想要开发一个基于地图位置,在国外使用的小程序应用,有没有什么解决方案呢? -
小程序微信小程序分享不成功
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序分享不成功」
摘要:小程序微信小程序分享不成功
展开:我是windows64开发工具,版本是,开发完成后锤子手机(M1L)扫描;打开成功并分享;将同事绑定为开发者,将未发布的小程序开发版分享给他,小米3s上面点击没有反应!;将朋友绑定为体验者,将未发布的小程序开发版分享给他,页面弹出开发版小程序已过期,请在开发者工具重新扫描;(效果如图);这个效果跟苹果手机(绑定为开发者)分享后打开的效果是一样的;