
小程序
Sindyue
这个作者很懒,什么都没留下…
展开
-
hidden 和 wx:if
1. 二者区别 因为wx:if之中也可能包含数据绑定,所以当wx:if的条件值切换时,框架有一个局部渲染的过程,他会确保条件在切换是销毁或者重新渲染。同时wx:if也是有惰性的,如果初始渲染条件为false,框架什么也不会做,只有在条件第一次变为真的时候才会开始渲染。相比之下hidden就简单的多,组件始终都会被渲染,只是简单的控制显示和隐藏,一般来说,wx:if 有更高的切换消耗,而hidden...原创 2019-12-31 17:20:33 · 475 阅读 · 0 评论 -
微信小程序开发杂记
最近刚接触小程序开发,除官方文档外,还参考了 微信公众号“ 微little程序”,的相关视频讲解。 1. JSON 语法 JSON的值只能是以下几种数据格式,其他任何格式都会触发报错,例如 JavaScript 中的 undefined。 数字,包含浮点数和整数 字符串,需要包裹在双引号中 Bool值,true 或者 false 数组,需要包裹在方括号中 [] 对象,需要包裹在大括号中 {} N...原创 2019-08-08 14:33:39 · 590 阅读 · 0 评论 -
小程序中view的自定义属性获取
小程序开发中遇到点击某个组件需要得到当前点击图片的某些属性,如当前的位置或者图片链接,此时就可以通过自定义属性来获取。 1. 定义 自定义属性的标识 data-attrName ,其中后面的“attrName”为随意命名,前缀“data-”是必须的。 2. 使用 在wxml文件中增加类似如下代码: <image class="image-style" data-src='{{imgSrc}...原创 2019-09-11 17:28:34 · 916 阅读 · 0 评论 -
小程序布局简介
1. 几种常见的布局 /* 水平布局 */ .rowLayout { display: flex; flex-direction: row; } /* 垂直布局 */ .columnLayout { display: flex; flex-direction: column; } /* 水平居中 */ .rowcenter { justify-content: center...原创 2019-09-12 16:50:41 · 384 阅读 · 0 评论