微信小程序開發注意事項

1.自定義組件html

  • 調用了微信內置組件,樣式的修改須要在頁面,在組件樣式中修改無效。(如checkbox樣式的修改)

2.wxml的注意事項vue

  • 函數沒法傳入參數,固然也沒法使用數組操做之類的
  • wx:if="{{a[b]}}"也是不存在的,b不能是變量
  • 調用須要js中的e.target.data
  • 須要經過複雜計算的值來改變wxml,能夠使用wxml腳本wxs(只能使用es5的方法)

3.wxs的注意事項小程序

  • 沒法調用其餘js文件
  • var代替let
  • 數組方法includes、map等是沒法使用的
  • 能夠console
  • 目前還沒法打斷點
  • 經過moudel.exports調用
  • 詳見wxs文檔

4.與vue不一樣,改變data中的數據須要使用this.setData({a:a})的形式,若a是對象或數組,改變某個屬性或item的值須要將key值設爲字符串,如:數組

this.setData({"a.a": 1})
this.setData({"a[1]": 1})

或者微信

this.setData({`a[${1}]`: 1})

壞處是變量或者屬性名改變時編譯器沒法提示...........函數

5.每一個storage大小限制爲1m,總共10mthis

2019-5-6es5

6.currentTarget屬性,在html中是指事件觸發的源頭(即若是是捕獲,那就是外部節點,冒泡就是內部節點
例:code

<view capture-bind:tap="event" data-i="1">
    <view data-i="2"></view>
</view>
按html的邏輯 capture的currentTarget是不一樣的
然而坑壁小程序是指事件綁定的當前組件,e.target.dataset的是2 currentTarget是1 和捕獲與冒泡無關。
相關文章
相關標籤/搜索