小程序的基本概念

一、小程序的基本概念

#第三方样式库(组件库)
Vant Weapp--有赞团队开发组件库(小程序、vue)
---iview
---weui

小程序顶层对象 wx 相当于网页window
---app.js 全局js(全局共享数据)
---exam01.js 当前组件js
---Page{{}} 表示当前组件对象(属性;方法;事件；数据 data)
(1)循环
<view wx:for="{{数组名}}" wx:key="排列属性">
{{item.id}}
</view>
---item 默认当前数组中的对象
---index 默认数组下标
---wx:for="{{数组名}}"
---wx:key="排序属性" #index id
(2)条件判断
<view wx:if="{{判断条件}}"></view>

判断条件：表示表达式结果 true false
true:当前元素正常显示
false:当前元素删除
(3)隐藏
<view hidden="{{判断条件}}"></view>
判断条件为true 当前元素隐藏
#建议：如果此元素需要频繁切换使用hidden
#建议：程序在运行时不会改动

二、小程序基本概念--事件

PC端：操作:键盘鼠标

移动端：操作：手指

---touchstart 手机触发屏幕时发生事件(不管几个手指)

---touchmove 手指在屏幕滑动

---touchend 手指离开屏幕

---touchcancel 手指操作被打断

---tap 手指触发屏幕立即离开触发事件

---longtap 手机长按屏幕超过350ms毫秒后离开(旧)

---longpress 手机长按屏幕超过350ms毫秒后离开(旧)

小程序将事件绑定元素

---支持事件冒泡 <view bind 事件名=“函数”></view>

---不支持事件冒泡 <view catch 事件名=“函数”></view>

实例：