寫在前面
最近一直都在開發小程式，關於如何開發小程式的這裡就不提了，因為有前端基礎的人，看看官網文件就能寫小程式了，這裡總結我在開發小程式當中有關使用者體驗的一些問題。對於前端來說使用者體驗是非常重要的，技術在好的網頁，使用者體驗沒做好，也是枉費的。
具體注意事項如下
載入相關（載入動畫是很重要的）
1. 所有的載入都需要加入載入動畫，除非是個別介面是使用者無感知的；
我們在專案中主要用到了兩種載入動畫，第一種全屏載入動畫，見圖一，放在螢幕中間顯示，第二種底部載入動畫，見圖二，放在螢幕底部展示
，具體怎麼展示稍後會提
圖一 圖二
2.大部分頁面首次進入需要加入全屏載入動畫，介面請求完畢之後，展示內容
3. 如果乙個頁面需要載入多個介面，介面從上到下依次載入（不然一次全部請求，頁面下面的先請求完畢會出現頁面跳動），第乙個介面顯示現在全屏載入動畫，其他所有的介面顯示底部載入動畫（但是不建議乙個頁面載入多個介面，盡量乙個頁面乙個介面）
5.點選按鈕，如果需要請求介面，出現中間載入動畫且按鈕不可再點選，如我們小程式提交訂單就要請求介面
6.載入過的介面不載入第二次，可以用乙個變數儲存起來，竟可能的少請求介面
7.進入頁面能少載入乙個介面就少載入乙個，可以選擇滑到底部載入或者使用者點選然後載入
相關：
1.所有的都需要加七牛的引數，需要多寬引數就傳多寬，因為七牛的引數會有一定的優化
我們公司用的七牛，其他的一些cdn應該也差不多，像又拍雲
如：（1）
（2）第一張圖和第二張是同一張圖，但是乙個張圖只有100k左右，第二種大於1m，第一張圖的畫質完全沒有問題，所以這就提現出加七牛引數的重要性了
2.盡量少用 mode='widthfix'，因為小程式中只有預設的高度的，withfix計算的高度需要一定的時間，這個時間就會發生抖動和變形，目前我們公司返回時，也會返回的高和寬
3. 如果變形了，那一定是寫錯了
4.都要有預載入的，不然沒載入出來的時候一片雪白，使用者會很驚訝
其他
1.點選區域做一定程度的放大，考慮一下小屏手機，地鐵上還有很多人用iphone 5s
2.多收集使用者的formid，小程式的推送必要要有formid才行，每次我們的小程式發推送，使用者活躍度和訂單就直線飆公升
3.對於結果是確定的，優先展示結果給使用者看，如收藏功能，點讚功能，購物車的刪除等，這類優化給響應，然後再感知請求介面；
最後
附上我最近做的兩個小程式的小程式碼，有興趣的可以一起看看討論，然後所有的東西都是我自己總結的，如果有不對的地方還請見諒
小程式開發注意事項
1.var val e.detail.valuer val的型別是tring，轉成數字使用parsein或parsefloat 2.快取 wx.setstoragesync 同步快取 wx.setstorage 非同步快取，獲取wx.getstoragesync wx.getstorage 3.因為...
小程式開發注意事項
2.https的網域名稱 4.設計做最好做750寬度的設計圖,比較好換算，小程式內部1rpx 1 750 6.由於需要審核，前端頁面不能及時修改，需要變動的地方，盡量用後端下發的形式，並且做充分測試 7.小程式更新方式是隱式的，而且不能控制，正常發布新版本，也需要一定週期才能保證所有人都能用的是最新...
釘釘小程式開發注意事項
1.setdata改變對應的this.data的值 注意 不要直接修改this.data對應的資料。在dd.httprequest 中無法獲取this物件，需要在請求外面定義變數去過渡釘釘變數 this.setdata 2.dataset在元件中可以定義資料，這些資料將會通過事件傳遞給邏輯層。dat...