小程式專案-總結

小程式-線上程式碼

github線上地址

小程式-技術點

• 官方提供的API 是不可少的。常用的方法，獲取使用者資訊，登入授權，獲取裝置資訊，傳送資料請求，頁面渲染
• 小程式不支援promise，所以需要額外的引入es6-promise 外掛 我的git 裡面有相應的專案
• 小程式動態載入DOM 結構，不識別由後端直接傳過來的字串dom，所以這裡我們需要引入html-view模版元件，引入地址，同樣在git裡面有。
• 小程式事件的區分，bind 和catch的區別，事件冒泡。
• 小程式在跳轉頁面navigateTo，dataset的傳遞
• 在dom節點上繫結 dataset 需要注意 event.currentTarget.dataset
• 巧妙的應用螢幕解析度，scroll-view 組合應用，達到螢幕禁止滾動
• button 按鈕的應用中，不能改變button的預設樣式，採用的方法，直接定位，設定透明度為0.覆蓋在元素上。從視覺上解決基本問題，也算是一種投機取巧吧
• 模版開發，把可能存在多個頁面的相同dom，直接用模版引入。
• 一定要注意app-onlunch 以及單個page的onload生命週期，app-onlaunch只會在小程式生成的時候執行一次。page- onload在應用全域性變數的時候，可能獲取不到值，需要使用回撥函式來解決，這種非同步問題。

• 登入授權的問題，需要在頁面onshow裡面，再一次去驗證是否授權 。在Devework 社群裡面也提到了類似的問題

  • 這次開發最頭疼的就是移動端相容的問題。rpx 的應用，以後需要記得reset view 的line-hight.不然在各個安卓上你看到的效果是不一樣的。

值得繼續努力的地方

• components 元件開發
• WEPY 框架的應用
• promise的原始碼需要理解透徹

-歡迎大家來探討技術問題