<var id="lfl3h"></var><var id="lfl3h"><strike id="lfl3h"><listing id="lfl3h"></listing></strike></var>
<var id="lfl3h"><strike id="lfl3h"><listing id="lfl3h"></listing></strike></var>
<menuitem id="lfl3h"><strike id="lfl3h"></strike></menuitem>
<var id="lfl3h"></var>
<var id="lfl3h"><strike id="lfl3h"></strike></var>
<var id="lfl3h"><strike id="lfl3h"><listing id="lfl3h"></listing></strike></var>
<var id="lfl3h"><strike id="lfl3h"><progress id="lfl3h"></progress></strike></var>
<var id="lfl3h"></var>
熱點:

企業網站建設

上海網站建設

網站建設知識

seo

網絡營銷知識

手機網站建設知識

網站建設方案

網站優化知識

網站建設

24小時報道最新建站資訊!

主頁 > 小程序開發知識 > 正文

小程序開發知識點

2020/1/25 小程序開發知識

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。

以上是關于“小程序開發知識點”的介紹,如需開發小程序,小程序建設,推薦小程序開發服務商銀狐動力:http://www.infoo.cn 熱線:4007203721

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

特別推薦—上海網站建設服務商


熱門標簽
手机看电影你懂的_手机看片1024你懂吗_手机看片国产AV无码