小程序開發總結

一、OpenID: 是使用用戶微信號(加上公衆號【猜想】)加密後的結果,每一個用戶對每一個公衆號有一個惟一的OpenID。一個粉絲關注一個公衆號後產生的OpenID對這個公衆號來講是惟一的,即便從新關注也不會變。html

二、小程序的自定義組件,當只有一個slot的時候,不能指定名字;或者當只有一個slot的時候,指定名字,同時配置options: { multipleSlots: true }web

<!-- 組件模板 -->
<view class="wrapper">
  <view>這裏是組件的內部節點</view>
  <slot></slot>  // <slot name="test"/> 不能指定名字(name="test")
</view>

三、template 如何引用自定義組件?
在引用template的component或page的配置文件(.json)中引用就能夠了json

四、獲取小程序碼文檔:https://developers.weixin.qq....
經過接口B生成小程序碼。接口B:https://api.weixin.qq.com/wxa...小程序

wx.scanCode({
    success: ({ path }) => {
     console.log(path)
    }
  })

假如碼上所帶的信息是pages/home/home?scene=id=299,使用蘋果機掃碼獲得的path是pages/home/home?scene=id%3D299,使用安卓機掃碼獲得的path是pages/home/home?scene=id=299,因此拿到path需先進行decodeURIComponent(path)處理api

五、若是頁面A顯示的內容是能夠在頁面B修改的,須要考慮重回到頁面A的時候是否須要及時更新內容,若是須要,能夠在onShow裏獲取該內容,若是不須要,就得提供下拉刷新的功能。
e.g. 小店在某個供應商下單,在提交訂單頁能夠看到收貨人信息(地址+聯繫電話+收貨地址)數組

clipboard.png

可是收貨人的信息是能夠在我的中心修改的。緩存

clipboard.png

六、小程序生命週期服務器

App: onLaunch have been invoked
App: onShow have been invoked

按app.json中pages數組元素的順序註冊頁面
Register Page: pages/home/home
Register Page: pages/classify/classify
Register Page: pages/cart/cart
               ......
打開小程序的第一個頁面(pages 字段的第一個頁面)
On app route: pages/home/home
Update view with init data
pages/home/home: onLoad have been invoked
pages/home/home: onShow have been invoked
pages/home/home: onReady have been invoked

6.一、在pageA點擊小城序的退出按鈕,而且在小程序沒有被銷燬時再次進入小程序,看到的仍是推出前的pageA。觸發的事件以下:
// 退出
pageA: onHide have been invoked
App: onHide have been invoked
// 再次進入
App: onShow have been invoked
pageA: onShow have been invoked

七、用戶信息受權彈框的變更
wx.getUserInfo:此接口有調整,使用該接口將再也不出現用戶信息受權彈窗。
wx.authorize({scope: "scope.userInfo"}):沒法彈出用戶信息受權窗口(其餘信息受權彈框能夠彈出)。
如今都要求使用<button open-type="getUserInfo"></button>引導用戶主動進行受權操做。微信

八、小程序自定義組件中沒法使用全局樣式(app.wxss),因此,若是想在自定義組件中使用app.wxss中的公用樣式,能夠引用app.wxss(@import "../../app.wxss")微信開發

九、刪除小程序的受權信息
方式一:發現 -》小程序 -》左滑刪除 就能夠刪掉受權信息
方式二:進入小程序 -》 右上角三個點 -》關於樂小拼(樂小拼是小程序名稱) -》右上角三個點 -》設置 -》關掉受權信息。
蘋果手機可使用方式一和方式二。大部分的安卓手機只能使用方式二。

十、onReachBottomDistance設置成負數

十一、安卓手機wx.authorize沒法調起地理位置信息彈框

十二、同一手機/同一微信號,小程序開發版、體驗版、線上版共享緩存(數據緩存、受權緩存等)

1三、輪播視頻和圖片的一種解決方案: wechatide://minicode/3GMMQHmX7E13

1四、windowHeight

wx.getSystemInfo({
  success: function (res) {
    console.log(res) // 在tabbar頁面,res.windowHeight表明的高度是藍色框,非tabbar頁面,res.windowHeight表明的是綠色框
  }
})

clipboard.png

1六、請求
微信開發者工具的 【請求】 -》【不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書】;若是沒有勾選,就須要保證請求的URL在小程序管理後臺(設置 -》 開發設置 -》 服務器域名)已經配置好,不然就會報下面的錯誤。通常在開發階段,能夠不去配置,勾選不校驗,上線的時候,去小程序管理後臺配置好域名。當用手機預覽小程序的時候,打開調試模式,就至關於勾選了【不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書】。

clipboard.png

相關文章
相關標籤/搜索