熱點:

                    企業網站建設

                    上海網站建設

                    網站建設知識

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

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


                    熱門標簽
                    99久久女人与狗的精品在线,日本AV不卡一区二区三区免费,广州富婆女sm国产在线播放,swag麻豆传媒时间静止,超碰国产日韩在线视频,国产裸体直播自慰观看,12岁日本少女萝莉,国产网红23p