1. 每添加一個頁面需要在app.json中注冊，第一個頁面為首頁。

2. 例如注冊一個welcome頁面

// 注意： 路徑最前面不需要加 ‘/’ ， 不需要加文件名
{"pages": ["pages/welcome/welcome"] }

3. 每增加新頁面后，js文件不能為空，需要調用 Page ({}) 初始化， 同樣，頁面的json文件也不能為空，應寫為 {}

// 頁面對應的js文件 Page({}) // 頁面對應的json文件, 不能為空，最簡單也要寫成下面的格式 {}

4. 通過在啊app.json里面注冊頁面，IDE會自動為開發者創建 .wxml, .js, .wxss, .json 的四個對應的文件

5. 每個頁面都有一個名字為page的根結點

6. 小程序中支持一下幾種css選擇器

.class(.box)? ?#id(#box)? element(view)? ? ? element,Element (view, checkbox)? ?::after(view::after)? ? ::before (view::before)

7. 小程序中新定義了 rpx的適配單位：在寬度為750px的設計稿中， 1物理像素 = 1rpx = 0.5px?

8. Boolean的陷阱：在swiper組件中，用vertical屬性來設置是否垂直排列，若要設置為水平排列，只有一下三種方法：

// 1. 不加如vertical屬性 // 2. vertical = ‘’ // 3. vertical = ‘{{false}}’

9. 小程序為image組件增加了 mode 屬性用以控制圖片的裁剪，常用的是widthFix（寬度充滿，高度自適應）

10. page頁面的聲明周期

Page({data: {},onLoad: function (options) {}, // 頁面初始化 options 為頁面跳轉所帶來的參數， 一個頁面只會調用一次onShow: function () {}, // 頁面顯示，每次打開頁面都會調用onReady: function () {}, // 頁面初次渲染完成，一個頁面只會調用一次，代表頁面已經準備好，可進行視覺交互onHide: function () {}, // 頁面隱藏onUnload: function () {} // 頁面關閉 })// 注意： // 1. 一個頁面的加載順序（onLoad > onShow > onReady） // 2. onLoad和onReady在整個頁面的聲明周期內只會執行一次，除非這個頁面執行了onUnload卸載掉了，卸載意味著這個頁面的一個聲明周期結束了 // 3. onReady 僅僅用來監聽頁面的第一次渲染

11.? 小程序中提供的其他特定事件的監聽程序：

// onPullDownRefresh : 監聽用戶下拉動作的事件處理函數 // onReachBottom: 頁面上拉觸底事件的處理函數 // onShareAppMessage : 用戶點擊右上角分享

更新于2018.8.11

12. 小程序中的數據為單項綁定，可以通過setData()重新渲染頁面

13. window.redirectTo() 、window.navigateTo() 與window.switchTab()的區別

window.redirectTo : 跳轉后關閉當前頁面

window.navigateTo : 跳轉后保留當前頁面，可以做返回操作

window.switchTab： 只能用于跳轉帶有tabbar的頁面

14. navigateTo帶來的層級問題： 小程序中使用navigateTo后會增加頁面的一個層級，后退返回上一個層級。同時，小程序中最多只允許五個層級的頁面。

15. 小程序中catch事件會阻止冒泡，而bind事件則不會阻止冒泡。

16. 使用模板時，import與include的區別：

import：使用import的引入的模板，在根節點需要使用template將所有標簽包住，可以傳遞數據

include： 純靜態的html導入，相當于占位符，不能傳遞數據。

17. 在app.js中設置的小程序的聲明周期

// onLaunch 監聽小程序的初始化，當小程序初始化完成時，會觸發onLaunch（全局只觸發一次） // onShow 監聽小程序顯示，當小程序啟動，或從后臺進入前臺顯示，會觸發onShow // onHide 監聽小程序隱藏，當小程序從前臺進入后臺時觸發 // onError 錯誤監聽信息，當小程序發生錯誤腳本，或者API調用失敗時觸發，并帶上錯誤

?更新于2018.8.26

18. 小程序中的緩存的實效默認為永久。最大不允許超過10M。

19. template和block標簽在編譯后都會消失，所以不能在這兩種標簽上做綁定事件等操作。

20.小程序中修改當前頁面的data數據并同步到視圖時時，不能直接修改，需要使用setData()方法。

更新于2018.9.2

21. wx.setNavigationBarTitle() 可以覆蓋app.json中對標題的設置，建議在頁面的onReady鉤子中使用。

22. wx.setData(obj), 使用時強烈建議先將obj初始化之后，再傳入函數進行調用。涉及到字符串拼接時，只能使用obj[key]的方法進行賦值。

轉載于:https://www.cnblogs.com/pomelott/p/9398919.html

總結

以上是生活随笔為你收集整理的【好记性不如烂笔头】之小程序要点记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。