[原創] uniapp學習筆記（1）
阿新 • • 發佈：2018-12-26
- 如果是h5開發app，適配平板和手機的話，建議高度使用畫素單位，而寬度使用百分比，圖片使用等比縮放
- uniapp的基準寬度是750px，如果裝置寬度不是750px，則會在執行環境中計算然後放大或者縮小每個畫素的值。
- pages.json是路由檔案，可配置各頁面的導航欄以及內容的樣式(下面都是pages.json的配置資訊)
- tabBar導航欄可配置頁面跳轉，預設未在底部
- tabBar的數量最多為五個
- condition 是啟動模式的配置，僅開發期間生效，用於模擬直達頁面的場景，如小程式轉發後，使用者點選所開啟的頁面
- current是當前啟用的模式。
總結:pages.json和小程式有關的配置
- manifest.json是app開發的配置項。
- app，小程式和web頁面不一樣的是有生命週期
- navigator元件 就像 < a > 標籤實現路由跳轉
uni中還有用介面實現跳轉的，類似於web開發中使用window.location.href
uni.navigateTo 保留當前頁面，跳轉到應用內的某個頁面，使用uni.navigateBack可以返回到原頁面。
uni.redirectTo 關閉當前頁面，跳轉到應用內的某個頁面。
uni.reLaunch 關閉所有頁面，開啟到應用內的某個頁面。
uni.switchTab 跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面。
uni.navigateBack 關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages() 獲取當前的頁面棧，決定需要返回幾層。
注：使用期間發現路由不能用下面導航欄的頁面路徑 - audio元件主要要加上controls的屬性才能顯示
- image元件的懶載入屬性(lazy-load)只支援小程式，app不支援該屬性
- image元件有13種模式，用mode屬性控制，其中 4 種是縮放模式，9 種是裁剪模式。
常用的：mode:widthFix - uni.setStorage快取控制有非同步\同步兩種方式，同步的必須要try{}catch{}捕獲異常，否則在小程式中會報錯
- uni.getSystemInfo獲取手機資訊，但是手機品牌brand屬性只有微信小程式才能獲取。
- 下拉重新整理可以使用生命週期onPullDownRefresh，監聽該頁面使用者下拉重新整理事件。
注意：
1 需要在 pages.json 裡，找到的當前頁面的pages節點，並在 style 選項中開啟 enablePullDownRefresh。
2 當處理完資料重新整理後，uni.stopPullDownRefresh 可以停止當前頁面的下拉重新整理。 - 上拉載入資料可以使用生命週期onReachBottom，監聽該頁面使用者上拉載入資料