1.組件生命周期
2.behavior
3.全局生命周期
4.slot
5.組件通信
6.scroll-view
7.文件類型
8.路由傳參
9.template
10.事件
11.onBreachBottom
12.授權(quán)流程
13.小程序之間如何跳轉(zhuǎn)
1.組件生命周期
created 組件實例化溃睹,但節(jié)點樹還未導入,因此這時不能用setData
attached 節(jié)點樹完成惶我,可以用setData渲染節(jié)點券时,但無法操作節(jié)點
ready(不是onReady) 組件布局完成舟肉,這時可以獲取節(jié)點信息,也可以操作節(jié)點
moved 組件實例被移動到樹的另一個位置
detached 組件實例從節(jié)點樹中移除
2.behavior
小四整理了:
look? ?here:http://www.reibang.com/p/284e76593127
3.全局生命周期
app.js:生命周期
App({/**
? * 當小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)
? */onLaunch:function(){? ? ? },/**
? * 當小程序啟動匪凡,或從后臺進入前臺顯示,會觸發(fā) onShow
? */onShow:function(options){? ? ? },/**
? * 當小程序從前臺進入后臺掘猿,會觸發(fā) onHide
? */onHide:function(){? ? ? },/**
? * 當小程序發(fā)生腳本錯誤锹雏,或者 api 調(diào)用失敗時,會觸發(fā) onError 并帶上錯誤信息
? */onError:function(msg){? ? ? }
})
頁面Page生命周期
Page({/**
? * 頁面的初始數(shù)據(jù)
? */data: {? ? ? },/**
? * 生命周期函數(shù)--監(jiān)聽頁面加載
? */onLoad:function(options){? ? ? },/**
? * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
? */onReady:function(){? ? ? },/**
? * 生命周期函數(shù)--監(jiān)聽頁面顯示
? */onShow:function(){? ? ? },/**
? * 生命周期函數(shù)--監(jiān)聽頁面隱藏
? */onHide:function(){? ? ? },/**
? * 生命周期函數(shù)--監(jiān)聽頁面卸載
? */onUnload:function(){? ? ? },/**
? * 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作
? */onPullDownRefresh:function(){? ? ? },/**
? * 頁面上拉觸底事件的處理函數(shù)
? */onReachBottom:function(){? ? ? },/**
? * 用戶點擊右上角分享
? */onShareAppMessage:function(){? ? ? }
})
4.slot
在組件的wxml中可以包含?slot?節(jié)點术奖,用于承載組件使用者提供的wxml結(jié)構(gòu)礁遵。
默認情況下,一個組件的wxml中只能有一個slot采记。需要使用多slot時佣耐,可以在組件js中聲明啟用。
Component({options:{multipleSlots:true// 在組件定義時的選項中啟用多slot支持},properties:{/* ... */},methods:{/* ... */}})
此時唧龄,可以在這個組件的wxml中使用多個slot兼砖,以不同的?name?來區(qū)分。
<!-- 組件模板 --><viewclass="wrapper"><slotname="before"></slot><view>這里是組件的內(nèi)部細節(jié)</view><slotname="after"></slot></view>
使用時既棺,用?slot?屬性來將節(jié)點插入到不同的slot上讽挟。
<!-- 引用組件的頁面模板 -->
<view>
<component-tag-name>
<!-- 這部分內(nèi)容將被放置在組件 <slot name="before"> 的位置上 --><viewslot="before">這里是插入到組件slot name="before"中的內(nèi)容</view><!-- 這部分內(nèi)容將被放置在組件 <slot name="after"> 的位置上 --><viewslot="after">這里是插入到組件slot name="after"中的內(nèi)容</view></component-tag-name>
</view>
5.組件通信
look? here? :
https://blog.csdn.net/susuzhe123/article/details/80287540
6.scroll-view
小程序官方文檔:
https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html
7.文件類型
1.???.json后綴的?JSON配置文件
2.?.wxml后綴的?WXML模板文件
3.?.wxss后綴的?WXSS樣式文件
4.???.js后綴的?JS腳本邏輯文件
詳解:https://blog.csdn.net/cpongo3/article/details/89157306
8.路由傳參
look? ?here:
https://blog.csdn.net/weixin_37861326/article/details/80640884
9.template
http://www.reibang.com/p/cfca91e9a78b
10.事件
官方文檔
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
11.onBreachBottom
look? ?here
https://jingyan.baidu.com/article/bea41d43360d62f4c51be6ce.html
12.授權(quán)流程
look? ?here
https://blog.csdn.net/qq_35394820/article/details/80469029
13.小程序之間如何跳轉(zhuǎn)
http://www.reibang.com/p/4969e57a3ab3
http://www.reibang.com/p/3a3e192cfb85