控制元素
wx:for
<view wx:for="{{array}}"
wx:for-index="index"
wx:for-item="item"
wx:key="unique"
>
{{index}}:{{item}}
</view>
wx:if
<view wx:if="{{false}}">wxiftrue</view>
<view wx:elif="{{false}}">wxiffalse</view>
<view wx:else>wxiftrueelse</view>
包装元素
<block>
<button></button>
wxml中 data-value 赋值
<button type='primary' class="shitou" data-value='{{0}}' bind:tap = "tapSome">石头</button>
.js中取出值
tapSome:function(event){
console.log(event.target.dataset.value)
},
hidden && wx:if
渲染的资源销毁大于显示或者隐藏的消耗
hidden
初始渲染 切换时消耗少 ->适合频繁切换
首先会渲染一次 然后在进行显示或者隐藏的操作
condition == false 渲染一次再隐藏,
condition == true 不渲染直接显示 ,
condition == false 不销毁只是隐藏
wx:if
按条件渲染 切换时渲染->更适合稳定的展示场景
condition == false 不渲染,
condition == true 内部结构进行渲染 ,
condition == false 销毁掉
unshift() ---JavaScript
方法可向数组的开头添加一个或更多元素,并返回新的长度。
unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。
请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。
pop()---JavaScript
方法用于删除并返回数组的最后一个元素。
setInterval() ---HTML DOM
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
事件绑定
bind 绑定事件并冒泡事件
catch 绑定事件但取消冒泡
capture-bind 捕获事件并继续传递
capture-catch 捕获事件但终止传递
模板
新建.wxml文件 用<template> </template> 框起模板内容
<template name="userInfo">
<view>
userInfo
</view>
<view>{{nick}}</view>
</template>
在需要使用的 wxml 中
1.引入模板 <import src="cell.wxml"/>
2.使用并传值
<template is="userInfo" data="{{nick:'heikki'}}">
</template>
时间 Date
获取当前时间戳
var timestamp =(new Date()).valueOf();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间
console.log(new Date(year, month, 0).getDate()) ;// 获取某月的具体有几天
dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
year 必选项。完整的年份,比如,1976(而不是 76)。
month 必选项。表示的月份,是从 0 到 11 之间的整数( 1 月至 12 月)。
date 必选项。表示日期,是从 1 到 31 之间的整数
hours 可选项。 如果提供了 minutes 则必须给出。表示小时,是从 0 到 23 的整数(午夜到 11pm)。
minutes 可选项。 如果提供了 seconds 则必须给出。表示分钟,是从 0 到 59 的整数。
seconds 可选项。 如果提供了 milliseconds 则必须给出。表示秒钟,是从 0 到 59 的整数
ms 可选项。 表示毫秒,是从 0 到 999 的整数。