1、瀏覽器、服務器、小程序之間模塊組成

（1）瀏覽器：ES、DOM、BOM

（2）服務器：ES、native、npm

（3）小程序：ES、小程序框架、專用api

2、小程序運行環境

（1）開發環境

IDE——nwjs

（2）生產環境

android——X5內核

ios——JSC內核

PS：平臺不同，環境不同，兼容性也會有差異。因此，盡量多做真機測試。

3、（1）結構——WXML

（2）樣式——WXSS

（3）數據邏輯——WXS、JS

4、<wxs>標簽——將外部 / 內部wxs代碼，打包成一個組件對象。

用法：在標簽內加入module="xxx"，xxx為組件對象，而代碼塊暴露出來的變量，將作為該對象的屬性或方法。

PS：除了module.exports外，不要用其他ES6語法。

5、在wxs代碼塊中，/*為結束注釋，后面的代碼不會執行。

6、小程序框架——MINA框架

未標題-2.png

特點：

（1）雙線程

（2）WXML、WXSS、WXS都在ui線程中運行

（3）邏輯層通過page.setData(obj)方法，向視圖層傳遞需要更新的數據

7、啟動方式

（1）冷啟動——第一次啟動、5分鐘后再啟動、兩次警告后再啟動（被微信銷毀了）

（2）熱啟動——5分鐘內啟動

PS：若啟動時，小程序有新版本，會異步加載內容，默認下次啟動時替換為新版本，但是可以使用某api功能，達到立即替換為新版本。

8、資源加載流程

未標題-2.png

特點：

（1）本地緩存

（2）CDN內容分發網絡

（3）ajax

9、生命周期事件——程序生命周期、頁面生命周期

程序生命周期：

（1）onLaunch：初始化完成

（2）onHide：收起小程序到后臺

（3）onShow：展開小程序到前臺（熱啟動）

（4）onError：程序出錯

PS：globalData——全局數據

頁面生命周期：

（1）onLoad：頁面冷啟動后，初次加載（只有一次）

（2）onShow：每次切換頁面，在之后的頁面中觸發

（3）onReady：頁面被首次切換到（每個頁面只有一次）

（4）onHide：每次切換頁面，在之前的頁面中觸發

（5）onUnload：關閉當前頁

PS：data——頁面數據

QQ截圖20190125011431.png

10、指令渲染寫法（如wx: if或者wx: for）

（1）單個渲染——直接在標簽內部寫

（2）多個——用block包裹，在block寫

11、wxml文件導入

（1）<import/>——只導入目標文件中的模板，而間接的模板不會導入

（2）<include/>——導入目標文件中，除了模板的全部內容，間接的模板也會導入

12、<text>支持轉義字符

13、<rich-text>——通過html、css的方式，渲染出wxml、wxss的內容。

14、在app.json的pages數組中，寫頁面路徑的同時，會在該位置自動生成相應系列文件。

15、存儲數據

視圖層——dataset，自定義屬性

邏輯層——data對象

16、其他內容

（1）project.config.json——保存環境配置，防止換電腦跑不了項目。

（2）其他json——保存頁面配置，而app.json負責整個小程序的配置（操盤手）。

（3）js——應用級JS、頁面級JS，分別具有應用級、頁面級的生命周期事件。

（4）utils文件夾——存放共用工具類，如常用的函數。

17、頁面而言，除了基本的生命周期事件外，還具備豐富的交互事件，如上下拉、滾動、分享、tab切換。

PS：若不設置分享函數，則右上角按鈕中，菜單會沒有轉發功能。而且，分享函數可以返回一個對象，為分享窗口提供自定義標題、描述，以及帶參的轉發路徑。

18、頁面路由

概念：以棧的形式，管理頁面的歷史記錄。

注意點：

（1）重定向：前一個頁面出棧。

（2）tab切換、重新加載：之前所有頁面出棧。

（3）進棧onLoad，出棧onUnload。

（4）棧存放頁面數量，不能超過5個。

19、注意回調時，this指向會產生變化。

解決措施：

（1）私有變量保存this。

（2）ES6語法。

20、邏輯層數據

（1）this.data.xxx——只關注邏輯層，數據不傳遞到視圖層。

（2）this.setData(obj)——更改邏輯層的同時，會將數據傳遞到視圖層，但是單次設置不要超過1M。

21、插值表達式（雙花括號）

（1）{{ }}內部可以放入data中的變量，也可以是任何表達式。

（2）安放位置：特性值、標簽之間。

22、列表渲染時，沒有設置key的話，會有警告。若是靜態列表，無需強求，但強迫癥例外。

23、模板管理：在pages文件夾下，新開一個template文件夾，存放不同類型的模板，便于管理。

24、標簽組件

學習方法：多看文檔，對各組件的特性有大致了解。

注意點：

（1）input組件不能設置字體類型。

25、頁面帶參跳轉

（1）舊頁面：在url中，拼接字符串。

（2）新頁面：onLoad()會接收一個裝載參數的對象。

26、性能優化

https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html

27、事件綁定

（1）冒泡流（子到父）

bind(xxx)——冒泡

catch(xxx)——不冒泡

（2）捕獲流（父到子）

capture-bind:xxx——捕獲，再冒泡

capture-catch:xxx——捕獲到位后，停在該位置，不冒泡

28、自動預覽

開發者工具中，具備自動預覽功能，讓手機與電腦實時通訊，不必每次調試都要掃碼，不過一定要先保存，再進行編譯預覽。

29、真機調試

（1）與預覽相比，真機調試提供詳細的監控信息。

（2）某些設備不支持部分API，因此真機調試更可靠。

30、WXSS不能獲取本地資源，如background。

TAG： 高壓電磁閥 上海迪士尼快速通道 高壓反應釜 回收中央空調 工作服團體定制 振動傳感器 中央空調回收 旋臂吊 電動推桿 液壓試驗臺