微信小程式之移動開發的本質MVVM框架介紹

2022-09-24 02:21:06 字數 972 閱讀 9346

微信小程式的本質也是個mvvm框架,下面的語句我建議多讀幾遍。

我們通常會通過 js 操作 dom (對應 html 的描述產生的樹),以引起介面的一些變化響應使用者的行為。例如,使用者點選某個按鈕的時候,js 會記錄一些狀態到 js 變數裡邊,同時通過 dom api 操控 dom 的屬性或者行為,進而引起介面一些變化。當專案越來越大的時候,你的**會充斥著非常多的介面互動邏輯和程式的各種狀態變數,顯然這不是乙個很好的開發模式,因此就有了 mvvm 的開發模式(例如 react, vue),提倡把渲染和邏輯分離。簡單來說就是不要再讓 js 直接操控 dom,js只需要管理狀態即可,然後再通過一種模板語法來描述狀態和介面結構的關係即可。

相容性問題

n**gigationbartitle android是靠左,在ios是居中

微信小程式的全域性儲存,類似於localstorage,退出小程式後重新進入還可以訪問嗎?

wx.setstorage(object)

wx.setstoragesync(obj/string)

經過我的測試-退出小程式重進,仍然能訪問資料快取

頁面怎麼跳轉?例如從登陸頁面登陸成功後跳轉到新的頁面

頁面跳轉可以歸類到導航中去

js指令碼引用?

例如有乙個md5.js,我要怎麼引用它?

var tmp = require(「./md5.js」)

表單提交

formdata = e.detail.value

http請求

wx.request(,

data: 』,

「channel」:」weixin」},

success: function(res){

console.log(res.data)

fail:function(res){

console.log(「err」)

err_name_not_resolved

2018-06-13 學習小程式第二天成果

微信開發之微信小程式template使用

當您的專案需要多次使用同乙個布局和樣式的時候,您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml,wxss,進行模板和樣式的定義 3.設定模板的name,以及裡面您需要定義的wxml內容 4.設定wxs...

微信小程式開發之setData

之setdata?為什麼不能頻繁 setdata 先科普下 setdata 做的事情 在資料傳輸時,邏輯層會執行一次 json.stringify 來去除掉 setdata 資料中不可傳輸的部分,之後將資料傳送給檢視層。同時,邏輯層還會將 setdata 所設定的資料字段與 data 合併,使開發者...

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...