【小程式】踩坑記錄

2018-10-11

1. WePY 1.x 版本中，元件使用的是靜態編譯元件，即元件是在編譯階段編譯進頁面的，每個元件都是唯一的一個例項，目前只提供簡單的 repeat 支援。不支援在 repeat 的元件中去使用 props, computed, watch 等等特性。
   參考： https://tencent.github.io/wepy/document.html#/?id=存在的問題
2. 子元素繼承父元素透明度解決： 父元素 background: rgba(0,0,0,0.7)
3. 事件傳遞從內向外，由子元素傳向父元素（和Android中事件傳遞相反），預設事件冒泡，可通過@tap.stop 攔截
4. 相對佈局實現：父佈局：position: relative; 子佈局： position: absolute
5. 元件 components 中 data 內的欄位可**直接通過 {{欄位名}}**使用，不需 this.

2018-10-24

wepy使用mixin混合，onload事件響應：
列印日誌證明：先執行混合物件的onLoad頁面事件，再執行元件本身的onLoad事件。
經過試驗，onLoad事件的回撥，和元件中聲名
mixins = [ mixin1, mixin2]
的順序有關，在前的先執行，依次執行完畢後，才會執行元件自身的onLoad回撥。

小程式碼引數解析：

小程式開發工具，選擇通過二維碼編譯；
在App.onShow(options)中列印引數如下：

 {"path":"custom/package/package","query":{"scene":"210561493!12345"},"scene":1047,"referrerInfo":{}}

在Page.onLoad(options)中列印引數如下：
onload--options:{"scene":"210561493!12345"}  
// 注意scene最大長度為32個可見字元，只支援數字，大小寫英文以及部分特殊字元：!#$&'()*+,/:;
 
[email protected]_~

解析引數：
onLoad:function(options){
  if(options.scene){
    let scene=decodeURIComponent(options.scene);
    let productId=options.scene.split("!")[0];   //  ! 資料分割符
    let p=options.scene.split('!')[1];
  }
}

即：把"query"的值作為引數傳到onLoad()方法中