vscode開發小程序4

關於點擊左側菜單，使右側菜單標題置頂：

　　　使用scroll-view中，對scroll-top="0"賦值為0即可置頂

<scroll-view scroll-top="0" scroll-y class="right_content">
</scroll-view>

　　　為了動態實現，這里使用點擊事件：

　　　wxml頁面：

 <scroll-view scroll-top="{{scrollTop}}" scroll-y class="right_content">
 </scroll-view>

　　 　js：

  data: {
      //右側內容滾動條置頂：
      scrollTop:0
  },

　　　　在點擊事件中：

  handleItemTap(e){
    const{index} =e.currentTarget.dataset;
    let rightContent = this.Cates[index].children;
    this.setData({
      currentIndex:index,
      rightContent,
      //重新設置右側內容置頂：
      scrollTop:0
    })
  }

優化：

提取公共接口路徑：

　　1.之前的/request/index.js是用來解構的，在之前的/request/index.js中定義公共的接口部分，然后使用傳進來的url進行地址的拼接：

　　2.測試看效果先點擊清除緩存再點擊編譯。

　　　　XHR是ajax請求

 

使用es7的async語法（解決回調地域的最終解決方案）：當使用舊的手機或舊的微信小程序的時候，不建議使用es7而建議使用es6的promise避免出現問題。

　　　　1.勾選es6轉es5：

 

　　　　2.下載facebook的庫來編譯async語法：

　　　　　　打開：https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js

　　　　　　點擊：

 

　　　　　　全部復制：

 

　　　　　　在小程序目錄中新建文件夾：lib/runtime/runtime.js，將代碼拷貝進去。

　　　　　　在每一個需要使用async語法的頁面js文件中，都引入（不能全局引入）：

import regeneratorRuntime from '../../lib/runtime/runtime';

　　　　　　使用：

頁面之間相互傳遞參數：

　　　　點擊商品分類里面的某件商品，帶着該商品id跳轉到另外一個界面上去，這里演示跳轉到界面goods_list上：

　　　　在goods_list頁面的js里面便可以得到這個參數：

 

　　　　在小程序開發者工具上可以看是否有傳遞參數：

 

　　　　現在像之前一樣設置快速啟動一打開便是這個goods_list界面的話需要：