java小应用程序判断偶数_「小程序JAVA实战」小程序视图之条件判断（15）

转自：https://idig8.com/2018/08/09/xiaochengxu-chuji-15/

小程序里面也是有条件判断的，我相信大家在开发java if和jstl c:if c:when。有人说在程序员眼里只有if else，可见重要性。一起了解下微信小程序额的条件判断吧。源码：https://github.com/limingios/wxProgram.git 中的No.8

小程序的条件判断

官方的阐述

>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/conditional.html

演示条件判断

>因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲染，只是简单的控制显示与隐藏。一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。

ifElse.wxml

未成年

已成年

壮年,一起关注公众号：编程坑太多给我来点赞

已经老了

这是一个块级元素

本节是if判断学习

这是一个hidden元素

hidden判断学习

ifElse.js

//ifElse.js

//获取应用实例

const app = getApp()

Page({

data: {

age: 34

}

})

hidden true很像咱们css里面的display:none 元素是有的，只是屏幕不显示

wx:if 就类似咱们开发的java的jstl标签里面的if，直接元素就没有

PS：条件渲染也是很重要的，业务逻辑判断全靠它了。