（Ctrl+s）保存編輯的內(nèi)容，不然調(diào)試不會出效果?。。?/b>

有了小程序入門（0）項目創(chuàng)建篇?||?小程序入門（1）項目結(jié)構(gòu)篇。的基礎(chǔ)。

一個頁面是由 js 與 wxml和wxss配合形成的，而需要將頁面顯示出來需要在app.json中配置。

現(xiàn)在我們先來看一下決定頁面布局的 wxml 的一些簡單使用。

最簡單的演示： 一個按鈕就出現(xiàn)在了調(diào)試界面，（需要先保存 ctrl + s ,在去調(diào)試頁面點擊重啟。）

按照這個思路我們有很多控件需要進(jìn)行深入。

現(xiàn)在來看一下wxml與wxss的配合。

先看效果圖：

在來看怎么實現(xiàn)，

wxml ?，class為關(guān)聯(lián)wxss樣式的標(biāo)識名。

看不懂沒關(guān)系，聯(lián)系下面的 wxss ，calss中的名字就是你所定義的樣式名。

wxss

wxss中的內(nèi)容就不說了自己研究也很好懂。

先來說一下 calss和id兩個關(guān)鍵字。

calss：關(guān)聯(lián)wxss中定義的樣式。

id：定義一個標(biāo)識，在后面的js中為起綁定事件。

catchtap關(guān)鍵字和onTapTag有一點陌生，事件綁定

事件綁定的寫法同組件的屬性，以 key、value 的形式。

key 以bind或catch開頭，然后跟上事件的類型，如bindtap,catchtouchstart

value 是一個字符串，需要在對應(yīng)的 Page 中定義同名的函數(shù)。不然當(dāng)觸發(fā)事件的時候會報錯。

bind事件綁定不會阻止冒泡事件向上冒泡，catch事件綁定可以阻止冒泡事件向上冒泡。

可以看到catchtap，就是catch的，而onTapTag呢則是在js中定義的方法（函數(shù)），處理事件。

這樣我們就理解事件的綁定以及它的 key，value的使用場景。

現(xiàn)在來看一下js中的事件綁定

學(xué)習(xí)前面這些只是為了后面的內(nèi)容更好理解。

下一章我們直接做一個豆瓣電影，進(jìn)行更透徹的解析。

東西我已經(jīng)做出來，現(xiàn)在只等著理清楚要怎么講的問題。

下一篇?小程序進(jìn)階（1）豆瓣電影，看文檔，復(fù)制文檔代碼基礎(chǔ)布局也可以輕松搭建。