1. 程式人生 > 實用技巧 >每日收穫4

每日收穫4

今天是這周學習的最後一天,本週主要學習了微信小程式,簡單總結一下這周的學習:

先是瞭解了微信小程式是一種不需要下載安裝即可使用的應用

他和普通H5的區別有:

1. 微信小程式用開發者工具來檢視預覽頁面,H5用瀏覽器來檢視渲染頁面
2. 微信小程式擴充套件了底層能力,H5呼叫底層能力比較弱
3. 微信小程式沒有完整的JS API,但H5擁有完整的JS API(EcmaScript,DOM,BOM)開發能力
4. 渲染機制不同:微信小程式渲染線執行緒和邏輯執行緒是獨立並行執行的,而H5只是一個執行緒

還有微信小程式的如何註冊,如何使用的步驟,以及講解了微信小程式的開發目錄

微信小程式的常用渲染指令
wx:for
=""//for:迴圈指令,同volist 同wx:key一起使用 wx:key=""//key:如:wxml在頁面載入的時候載入了20條資料,然後通過頁面下拉或者上拉的方法觸發追加30條資料,小程式是在js對應方法裡通過setData( data: xx.xx.xx)方法將 對應資料 拼接重置到對應變數中,這時頁面資料會同步更新。在這個更新的過程中,如果迴圈資料中有wx:key的話,只會以追加的方法新增新資料,而原來在頁面上已經載入的資料是不會再次被渲染的。 wx:if=""//同其他if使用
小程式如何繫結事件
bind+事件名="方法名"

頁面之間如何傳參
小程式的生命週期
 1 Page({
 2
//頁面建立完,只觸發一次,通常獲取後臺資料或接收另一個頁面的傳參時使用 3 onLoad() {}, 4 //進入頁面就會觸發 5 onShow() {}, 6 //頁面離開時觸發 7 onHide() {}, 8 //監聽頁面初次渲染完成 9 onReady() {}, 10 //監聽頁面解除安裝,類似於vue中destroyed 11 onUnload() {} 12 onReachBottom() { 13 console.log('到底頁面底部') 14 }, 15 //下拉觸發 16 onPullDownRefresh() {
17 console.log('onPullDownRefresh') 18 }, 19 //點選右上角分享時觸發 20 onShareAppMessage() { 21 } 22 })

還有元件(詳情見昨天的)引用第三方工具

和今天新學習的封裝和登入

封裝還是沒有弄明白,總結不出來東西,登入也是這樣。