小程序的基本概念

1、小程序的基本概念

#第三方樣式庫(組件庫)
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
#建議：程序在運行時不會改動

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

PC端：   操做:鍵盤  鼠標

移動端：  操做：手指

---touchstart    手機觸發屏幕時發生事件(無論幾個手指)

---touchmove   手指在屏幕滑動

---touchend      手指離開屏幕

---touchcancel  手指操做被打斷

---tap                 手指觸發屏幕當即離開觸發事件

---longtap           手機長按屏幕超過350ms毫秒後離開(舊)

---longpress        手機長按屏幕超過350ms毫秒後離開(舊)

 

小程序將事件綁定元素

---支持事件冒泡       <view  bind 事件名=「函數」></view>

---不支持事件冒泡    <view  catch 事件名=「函數」></view>

實例：

<view  bindtap="handle1"></view>