使用uniapp框架開發注意要點
使用uniapp框架開發注意要點
1.元件內引入圖片要使用絕對路徑。/static/...
2.生命週期完整支援 Vue 例項的生命週期，同時還新增 應用生命週期 及 頁面生命週期。
2.1應用生命週期（作用在App.vue頁面中）
2.2頁面生命週期（作用在pages目錄下的頁面中）：
下面幾個是常用的頁面生命週期：
相當於頁面的生命週期用onLoad代替created，onReady代替mounted。
onLoad(){
console.log("頁面初始化 執行一次 onLoad")
},
onReady(){
console.log("頁面載入完畢 執行一次 onReady")
},
onShow(){
console.log("頁面進入執行 執行多次 onShow")
},
onHide(){
console.log("頁面進入離開 執行多次 onHide")
},
onPullDownRefresh(){
console.log("使用者執行了下拉動作")
},
onTabItemTap(){
console.log("使用者點選了Tabbar")
},
onShareAppMessage(){
console.log("使用者進行了分享")
return{
title:"我是這條街最靚仔",
path:"pages/news/news",
imageUrl:”https://www.baidu.com/img/bd_logo1.pn
}
},
2.3元件生命週期（作用在components資料夾下的元件頁面）：可以使用vue的生命週期。
3. @click 和 @tap 只是用一個。
4.阻止事件冒泡時要在外層加一層標籤<view @tap.stop="stop"></view>，直接在需要使用的方法上加.stop無效。
5.<picker>中最好寫一個<view class="style">寫樣式，而不是在picker上加樣式。
6. <scroll-view>中寫position: fixed，在ios下會有相容性問題。
7.出現遮罩後阻止頁面滾動，可以在遮罩的touchmove事件中阻止預設事件。 @touchmove.prevent=""
8. <swiper>一定要給高度才會生效，一般是動態獲取裡面的元素或列表高度再賦值給<swiper>。
9.元件做全域性引入時要注意：最近在使用uni-app開發微信小程式，開頭偷懶，元件做了全域性引入，但是隨著元件的增加，微信小程式報main.js超過500KB（實際大小為549KB），後來跟蹤發現是因為元件做了全域性引入影響，改為按需引入後，main.js縮小至123KB，warning解除。
未完待續。。。。。
ps 歡迎大神指正！！！