① 小程序開發經驗總結
最近一直在做小程序,工作中也遇到了一些問題,踩了一些坑,所以想著寫篇文章記錄下來,並藉此將小程序開發的相關知識進行梳理,方便以後參考,也為剛剛接觸小程序的人提供一些思路方法,互相學習,共同進步。
1、微信小程序的目錄結構及配置說明
app.json是小程序的全局配置文件,所有配置項key必須使用 雙引號括起來 ,value值為字元串類型的也必須使用雙引號, 不支持單引號 。
1.1 pages
pages選項是必須配置的。該配置項注冊了小程序所有頁面的地址,其中每一項都是頁面的 路徑+文件名 。每一個頁面都是由.json、.js、.wxml、.wxss四個文件組成,並且 四個文件的名字必須要一致 。
1.2 tabBar
tabBar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。其中 list 接受一個數組,只能配置最少 2 個、最多 5 個 tab
1.3 usingComponents
使用自定義組件或者插件提供的組件前,必須先在這里聲明
2、開發微信小程序遇到的問題及解決辦法
2.1 雙向綁定
微信小程序不支持通過v-model的方式實現自動雙向綁定,需要給表單元素通過綁定事件,並使用this.setData來賦值實現。
2.2 computed和watch
微信小程序默認是不支持computed和watch的,如需要使用這兩項功能,需要安裝miniprogram-computed ,安裝方法見 官方文檔
2.3 對象賦值
如果給對象的屬性賦值,可以使用this.setData({'obj.key':value})來賦值,但是如果給某個屬性名是變數的屬性賦值,通過這種方法是會報錯的,經過多次嘗試,發現使用如下的方式賦值成功。
let newObj = `obj.${key}`
this.setData({
[newObj]: value
})
2.4 scroll-view
當頁面存在彈框容器,並且彈框里的內容是需要滾動條滾動展示時,如果彈框下面那層的容器使用view元素的話,會導致滾動彈框內容時,同時會觸發彈框下面那層的頁面容器也會一起滾動,解決此問題可以將彈框下面的容器使用scroll-view元素替代view元素
3、小程序測試和發布
由於伺服器域名request合法域名每個月 只能修改5次 ,因此在本地開發小程序時,需要在微信調試工具中設置不校驗合法域名。等小程序上線前再一次性將所有域名添加到小程序管理後台。
以上便是此次小程序開發中積累的一些經驗,希望能給剛剛接觸小程序的人提供一些思路方法,在以後的開發中,如果遇到新的問題,繼續更新文檔......