- 请问在小程序正则表达式如何嵌入动态参数拼接
var keyword = this.data.keyword var option = new db.RegExp({ regexp: /[a-zA-Z0-9]*keyword[a-zA-Z0-9]*/, options: 'i' }) 其中keyword为用户输入的关键词,想实现关键词模糊查询
2019-01-11 - 使用正则表达式实现模糊查询
- 需求的场景描述(希望解决的问题)[图片] 如何把url接收的参数给 regexp (string类型) - 希望提供的能力
2019-03-02 - picker组件
在华为P8和麦芒6中的表现 EMUI版本8.0.0 Android版本8.0.0微信版本6.7.3 只显示三行 [图片]
2018-11-27 - picker 弹出框选项的默认值
- 当前 Bug 的表现(可附上截图) [图片] [图片] - 预期表现 可不可以,picker弹出框时,弹出框的选中值是picker当前的默认值。 如图中,picker值是“专科”,但是弹出的选中值是“统招”,能否实现弹出时选中“专科”。 - 复现路径 - 提供一个最简复现 Demo
2019-01-09 - 【转】微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
前言入门教程之列表渲染多层嵌套循环,目前官方的文档里,主要是一维数组列表渲染的案例,还是比较简单单一,给刚入门的童鞋还是无从入手的感觉。 [代码]<view wx:for="{{items}}"> {{index}}: {{item.message}}</view>[代码]还有一个九九乘法表把数据直接写到wxml里的,并不是动态二维数组的列表渲染。 [代码]<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i"> <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j"> <view wx:if="{{i <= j}}"> {{i}} * {{j}} = {{i * j}} </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[代码]里怎么循环,我们先看一下要循环渲染到页面上的效果图。 [图片] '' [代码]<view wx:for="{{oneList}}" wx:key="id"> {{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代码 [代码] <view class="pad10" wx:for="{{twoList}}" wx:key="id"> <view> {{index+1}}、{{item.name}} </view> <view wx:for="{{item.twodata}}" wx:for-item="twodata" wx:key="id"> ----{{twodata.name}}---{{item.name}} </view> </view>[代码]以上截图和代码是二层嵌套内容。 我们在wxml代码里,很明显的看到有两个[代码]wx:for[代码]的控制属性,在二层循环的JSON代码里,我们看每个单数组里还有一级数据[代码]twodata[代码],这里是需要再循环渲染到页面上的,在第一层数据里,直接再循环[代码]item.twodata[代码]即可,请记得一定要带上花括号。 在第二层的循环里,建议把当前项的变量名改为其他,即在wxml代码里看到的[代码]wx:for-item="twodata"[代码],因为默认的当前项的变量名为[代码]item[代码],如果不改换其他的话,你是拿不到第一层循环的数据的,因为被第二层的变量名覆盖了。 所以我们在wxml代码里,在第二层循环时,可以看到还可以循环第一层的值,即[代码]----{{twodata.name}}---{{item.name}}[代码]。 三层以上的多层循环三层以上的多层的数组循环,在原理上同二层循环是一样的,能理解了二层数组循环,对于三层以及三层以上都能得心应用的。 需要注意的地方,那就是老生常谈的问题了,数据需要用花括号括起来,从第二层起,把默认的当前项的变量名改为其他,例如[代码]wx:for-item="twodata"[代码],还有细心再细心。 wx:key唯一标识符为什么会有[代码]wx:key[代码]的出现呢,官方给的解释是,如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如 [代码]input[代码] 中的输入内容,[代码]switch[代码] 的选中状态),需要使用 wx:key 来指定列表中项目的唯一的标识符。 当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率。 在开发过程中,[代码]wx:key[代码]的作用对于项目作用是非常大的,如果从文字上无法理解的童鞋,可以到github clone demo到微信开发工具里,亲自体验下。 [图片] '' 我们看到这个GIF动画图,这里有一个[代码]switch[代码]的开启状态,[代码]switch[代码]的状态是在标题为[代码]羔羊排骨一条[代码]的,在对这个数组增加数据时,这个[代码]switch[代码]的状态并不跟随着[代码]羔羊排骨一条[代码],并不保持自己的状态。 那我们再看另一个例子,使用了wx:key唯一标识符。 [图片] '' 这个GIF动画图,也是点击开启了[代码]switch[代码]的状态,唯一有不同的地方,就是在新增数据时,是保持着自己的状态的。 相信通过这两个小例子,对wx:key唯一标识符应该也有所了解啦,想要提升技术,就要多折腾,自己在小程序里,写个[代码]wx:for[代码] 和 [代码]wx:key[代码] 体会下。 还有一个需要注意的地方,我们先看看以下代码 [代码]<view class="pad10" wx:for="{{twoList}}" wx:key="id"> </view>[代码][代码]wx:key="id"[代码],我们看到[代码]wx:key[代码]里的值并不需要花括号的,是的,这里是比较特别的地方,不需要花括号,同时也不需要参数名,需要是虽然数据里的一个字段名。 原作者:蓝狐锅锅(简书作者) 来自:http://www.jianshu.com/p/87cdf985b2b9
2016-11-28 - 哪位大神知道:使用.field()从云控制中心数据库读出的记录,怎样赋值给变量?
使用db.collection().doc().field()从云控制中心读取数据,代码如下: [图片] console打印如下 [图片] 那如何将字符串“陈伟”赋值给变量呢?
2018-11-18 - 小程序云开发 Collection 如何获取指定的 field ,有 where
- 当前 Bug 的表现(可附上截图) Collection.field 使用问题,如下代码,我期望结果只返回 description、done、progress 这 3 个 field, 不加 where 条件时结果符合预期,但如果加了 where 条件,便返回了全部的 field,我该怎么做?这是我使用不当,还是 BUG? const db = wx.cloud.database() db.collection('todos').field({ description: true, done: true, progress: true }) .get() .then(console.log) .catch(console.error);
2018-11-20 - 云函数怎么操作数据库?
网上相关内容基本没有,官方文档也说不清楚,有没有大神帮帮忙?
2018-10-19 - 云开发数据库操作问题
- 当前 Bug 的表现(可附上截图) 开发时候采用 A 微信账号,能够正确的操作数据库,在开发版中调试时候,将小程序转发给B后,B登陆相同界面,无法获取数据库内容。 执行: db.collection('abcd').count().then(res => { console.log("count:" + res.total); }).catch(ex =>{ console.log(ex); }); 结果为 0: 而实际上集合abcd记录数并不为0。 - 预期表现 - 复现路径 - 提供一个最简复现 Demo
2018-10-22 - 小程序的数组赋值问题
我通过封装一个搜索附近酒店函数(getnearHotel())来达到重复利用的目的,但是函数的返回值赋值时,出现undefined错误。 具体如下: 1.自己封装函数,中间的req.request是又封装过一次的,req.request(参数1:访问路径,参数2:传入的值,参数三:请求成功的响应函数,...) [图片] 控制台打印的res的值 [图片] 2.新建变量接收函数的返回值,同时打印测试其值 [图片] 接收返回值 [图片] ★通过结果发现,出现undefined错误,我转念一想,会不会是要循环赋值,但我一想到在this.setData中的hotellist:result是可以循环赋值的,为此我又进行了如下的测试 1.我通过判断函数的返回值是否存在,来设置hotellist的值 [图片] 其控制台的输出结果如下: [图片] 问题1:为什么我不能通过函数的返回值来设定page中的data值? 问题2:是否只有通过this.setData({ lists:res })的方式才能动态的设置值,那意思是函数的返回值是一个数组时,是不能直接通过var result = getnearHotel() //某函数的返回值 接收? 本人刚接触小程序没多久,很多白痴地方望大家帮忙看看,解答解答~
2017-12-19