小程式開發過程中的一些個人總結

2022-09-24 00:15:22 字數 1242 閱讀 4594

css樣式不能引用本地資源,只能引用線上資源(background-image),引用本地資源只能用

標籤。不能執行函式方法,}只支援基本的簡單運算和es6拓展運算子。如**格式化這種常用的處理,只能在js**中處理好然後再模板中渲染。

this.setdata()

複製**

可以通過wxs模組解決}中不能執行函式的問題。可以做到模擬vue.js中過濾器的功能。

**:}

複製**

// wxs模組

var formatprice = function (price)

module.exports =

複製**

小程式不支援分享鏈結到朋友圈,暫時的通用做法是生成儲存有頁面小程式嗎的到本地相簿。又使用者自行發朋友圈**。前端可以利用canvas來實現,減輕服務端壓力。但是會有鋸齒不清晰的問題。建議預覽圖和儲存到真機的採用不同的尺寸。儲存在真機的按照750的寬度實現。相比於預覽圖要大一些,這樣儲存到手機的會清晰很多。

小程式布局採用rpx單位,ui稿按照750的寬度出圖。可直接使用ui稿的尺寸。但是在某些機型上1rpx會無法顯示。可以用h5的方式實現1px效果。

iphonex吸底按鈕的適配,可以用**查詢獲取wx.getsysteminfo獲取機型。參考

@media only screen

and (device-width : 375px)

and (device-height : 812px)

and (-webkit-device-pixel-ratio : 3)

複製**

頁面a -> 頁面b,頁面b的操作觸發了頁面a的資料更新。返回更新頁面a的資料,通常有兩種方式來實現(我司採用了方案二):

在頁面a監聽onshow事件,在onshow事件觸發時無腦更新頁面資料。

通過eventbus來實現跨頁面通訊。

複雜元件的開發,省市區**聯動選擇器的開發,獲取微信位址庫的位址的編碼和業務採用的省市區編碼對不上。

頁面路徑的層級,最大不能超過10層。

小程式小程式分包載入,微信對小程式包的大小有如下限制。

整個小程式所有分包大小不超過 8m

單個分包/主包大小不能超過 2m

wepy

mpvue

taro

wepy應該算是最早發布的小程式開發框架,提供了類vue.js的語法風格和特性,現階段應該也是應用最廣泛的框架吧。我開發的幾個小程式也都是採用了wepy這個框架。我先來說說當初為什麼選擇這個框架的原因吧。

開發過程中錯誤總結

1 18年5月28日 說明是.xml檔案的問題。去上.xml排查,看是不是註解。或者檔案本身書寫有誤。2 linux下 webstorm,ppt,wps不能書寫漢字。在啟動檔案中修改 啟動 sudo sh webstorm.sh export xmodifiers im fcitx export q...

微信小程式 開發過程中遇到的坑(一)

設定底部 tab 的表現 tabbar 設定網路超時時間 networktimeout 設定是否開啟 debug 模式 debug true 但是在對頁面json檔案進行配置的時候只可以配置設定預設頁面的視窗表現 即只能對window進行配置 但是在此時可以直接省略window,如果加window則...

微信小程式 開發過程中遇到的坑(一)

設定底部 tab 的表現 tabbar 設定網路超時時間 networktimeout 設定是否開啟 debug 模式 debug true 但是在對頁面json檔案進行配置的時候只可以配置設定預設頁面的視窗表現 即只能對window進行配置 但是在此時可以直接省略window,如果加window則...