只是剛看文檔的時候記下里的幾點
-
wx:if
true
渲染false
不渲染 -
hidden
會渲染,控制元素的display
-
"{{boolean}}"
不可以"boolean"
-
<block>
包裝元素长窄,不會做任何渲染 -
bind+事件類型
會冒泡
catch+事件類型
不會冒泡 - Flex布局
flex-direction
主軸方向
flex-wrap
換行
父容器---justify-content
主軸對齊方式(右對齊flex-end
、左對齊flex-start
印叁、居中center
、兩邊固定space-between
、等分space-around
)
父容器---align-items
副軸對齊方式(上對齊flex-start
、下對齊flex-end
孵构、居中center
、基線上baseline
烟很、被拉伸以適應(yīng)容器stretch
)
子容器---flex
子容器---align-self
- 生命周期函數(shù)(下面是頁面執(zhí)行的順序)
onLoad
監(jiān)聽頁面加載(只執(zhí)行一次)
onShow
監(jiān)聽頁面顯示(顯示頁面一次就執(zhí)行一次)
onReady
監(jiān)聽頁面的初次渲染完成
onHide
監(jiān)聽頁面隱藏
onUnload
監(jiān)聽頁面卸載 -
onReachBottom
監(jiān)聽用戶上拉動作(上拉加載) -
onPullDownRefresh
監(jiān)聽用戶下拉動作(下拉刷新)
以及工作中經(jīng)常用到的幾點
- 上拉加載更多,下拉刷新
上拉加載更多:在page的json文件加enablePullDownRefresh:true
蜡镶,然后在該page的js文件加上方法onReachBottom
下拉刷新:在page的js文件加上方法onPullDownRefresh
在json文件中寫上enablePullDownRefresh:true
才可以上拉加載更多雾袱,下拉刷新 - 返回上一頁且要刷新,重新獲取新的數(shù)據(jù)官还,在
onShow
函數(shù)調(diào)用onLoad()
- 做一個活動內(nèi)容切換tab欄的頁面需要用組件swiper芹橡,但當(dāng)內(nèi)容過長,使用組件scroll-view可以在組件內(nèi)任意滑動望伦,但用戶體驗不好林说,使用新的api能獲取元素高度給swiper,可以擺脫scroll-view
- 計數(shù)器 - input + 用input事件存值屯伞,blur事件取值
- wxss 不能引用本地文件
2017.12.28 2017年的小尾巴腿箩,重拾小程序,改變了好多啊劣摇,希望不要讓我碰到小程序的bug珠移,很要命!
- 編寫組件樣式時末融,需要注意以下幾點:
- 組件和引用組件的頁面不能使用id選擇器(#a)钧惧、屬性選擇器([a])和標簽名選擇器,請改用class選擇器勾习。
- 組件和引用組件的頁面中使用后代選擇器(.a .b)在一些極端情況下會有非預(yù)期的表現(xiàn)浓瞪,如遇,請避免使用巧婶。
- 子元素選擇器(.a>.b)只能用于 view 組件與其子節(jié)點之間乾颁,用于其他組件可能導(dǎo)致非預(yù)期的情況涂乌。
- 繼承樣式,如 font 钮孵、 color 骂倘,會從組件外繼承到組件內(nèi)。
- 除繼承樣式外巴席, app.wxss 中的樣式历涝、組件所在頁面的的樣式對自定義組件無效。
講了一堆總結(jié)起來其實就是1.用class 2.font漾唉、color還是會繼承的 3.除了繼承樣式外荧库,其他樣式對自定義組件無效
微信小程序腳手架
- 父組件傳值給子組件
:props.sync=foodata
,要加上sync才是動態(tài)的(父變化赵刑,子就變化)分衫,不加的話字就不變化 - 組件通訊那里也是絕了....完全無語,但是看上去好像挺好用的...
- 在函數(shù)運行周期之外的函數(shù)里去修改數(shù)據(jù)需要手動調(diào)用$apply方法般此。如:
setTimeout(() => { this.title = 'this is title'; this.$apply(); }, 3000);
2018.01.08 坑膀秸健!我又來了~
-
最近在做小程序铐懊,用wepy做邀桑,需要A頁面中調(diào)用該頁面引入的B組件的方法,需要用到$invoke科乎,去了GitHub看別人的問題才發(fā)現(xiàn)是這樣用的:
就是說壁畸,this.$invoke('這里寫的是引入組件時,你命名的名稱', '這里就是你在那個組件寫在methods的方法', '這里就是你要傳的值');
官方文檔在這方面寫得不太清楚茅茂。 -
跳轉(zhuǎn)頁面問題
this.$navigate('./result');
// 文件的相對路徑捏萍,可忽略擴展名
如果是組件跳頁,如下:
綁定事件需要傳值并且用到時間對象是這樣的:
綁定:@tap="methods({{'參數(shù)'}})"
注冊:methods(arguments,event){ // 事件對象是放最后的}
-
壓縮上傳空闲,掃二維碼在真機測試
一開始輸入這命令會有warning令杈,警告你沒有安裝一堆插件,然后他自動幫你裝碴倾,第二次輸入npm run build 的時候還是這個警告这揣,這時先把node_modules文件夾刪除,重新運行npm install影斑,然后再輸入npm run build就行了给赞。
5.把基礎(chǔ)庫變成1.9.X的時候,控制到一堆undefined
別人的情況
解決方法: