跳一跳的出現(xiàn)，帶來了小程序又一個春天番刊。
今天整理小程序的各種組件和api含鳞。整理完筆記應(yīng)該要開始我的小程序填坑之旅了。
1.微信小程序開發(fā)者工具
Quick?Start?項目結(jié)構(gòu)
3.?約定大于配置
4.?小程序的wxml文件必須嚴(yán)格遵循xml的語法
5.?頁面文件組成
6.?小程序配置文件芹务， 頁面配置?優(yōu)先于?項目配置
二.小程序框架
1.?邏輯層的?JavaScript
????->?微信小程序里面的JavaScript?僅僅只指ECMAScript
????->?微信小程序JavaScript中是沒有BOM和DOM對象的
三.應(yīng)用的生命周期
1.?Page({ ?}) ?//?創(chuàng)建一個頁面實例對象
2.?onLoad?:?頁面加載,?這個頁面即將要工作了,?適合去做數(shù)據(jù)初始化
????onShow?:?頁面進(jìn)入到焦點狀態(tài)?(?前臺展示?)
????onHide?:?頁面隱藏的時候觸發(fā)
????onReady?:?當(dāng)頁面準(zhǔn)備好了,?頁面渲染完成
????onUnload?:?頁面卸載?,?當(dāng)頁面被銷毀
四.?數(shù)據(jù)綁定
1.?mustache?小胡子語法?:?專門用于輸出邏輯層暴露的數(shù)據(jù)
????-->??{{message}}
2.?mustache?還可以作用在元素的?內(nèi)容?和?屬性上
????-->?
3.?可以做字符串的拼接,?也可以支持一些簡單的運(yùn)算符,?邏輯判斷,?三元表達(dá)式也都可以
4.?小程序的?wxml?中,?屬性的值?如果只是在雙引號內(nèi)部,?它永遠(yuǎn)是字符串
5.?mustache?可以用于聲明有類型的值??
????????--->??例如?:???//?這樣才是給checked賦了一個Boolean類型的false值
6.?在?data?中,?只能暴露數(shù)據(jù)成員,?不能暴露函數(shù)
7.?wxs標(biāo)簽?類似于?咱們在?html?中的?script標(biāo)簽,??可以定義一些行內(nèi)腳本,?
????//?這里可以導(dǎo)出一個對象,?這個對象可以直接在界面上使用
????//?這里的代碼必須遵循?commonjs規(guī)范
module.exports?=?{
addPostfix:?function(input){
return?input?+?'wxs';
}
}
五.?條件渲染
1.?對于頻繁需要被切換顯示的元素,?不應(yīng)該是用ws:if?屬性?影響性能,?對于永遠(yuǎn)不會變了的元素可以使用這個屬性進(jìn)行判斷
2.?可以使用hidden屬性:?true就是隱藏?,?false就是顯示?,?效率會更高一些
3.?block?只是一個包裝元素,?不會被界面的結(jié)構(gòu)造成任何影響
六.?列表渲染
1.?wx:for
七.?事件處理
1.?通過bindtap="事件名稱"?來綁定事件,?但是會產(chǎn)生冒泡
2.?通過?catchtap?綁定的事件不會有冒泡
3.?可以通過?data-xx?屬性,?可以給事件處理函數(shù)傳遞額外的參數(shù)
八.?單向數(shù)據(jù)流
九.小程序是沒有跨域問題的
