小程式開發

這次小程式開發所有功能和元件全部都是自己手寫的，因為之前也沒意識到用別人的外掛程式，所以花費了比較大的力氣，幾乎每天晚上都是7點半之後才下班，雖然辛苦了幾個月，但是還是有所收穫的，記下筆記，放下下次可以快速上手

1.小程式的模態框有以下幾種，差不過等於alert confirm，而且自動居中，這些都比較好用，特別是showmodal用的最多

2.列表的分頁載入，這次列表的分頁載入參考的是他人的帖子的方法

that.setdata()
if (res.data.error == 0 || res.data.error == 2) )
if (res.data.error == 2) )
} else);}
} else)}
//延遲隱藏載入圖層，因為關閉圖層方法執行後，setdata頁面的渲染效果還未完成
settimeout(function
(),500)

3.使用者登入

使用者授權登入後，會返回乙個sessionid , 這個sessionid有時效性。

官方推薦的登入方法為：使用者第一次授權登入，伺服器將sessionid儲存到資料庫，小程式端將sessionid儲存到快取中，然後每個介面都帶著sessionid的資訊，不用user_id。這樣伺服器接收到sessionid就會去查詢資料庫，判斷是否存在這個使用者，如果不存在這個使用者，那麼返回錯誤資訊，小程式端重新發起授權登入。那麼問題來了：小程式儲存到快取中的sessionid是不是一直不變的呢？不是的，小程式有個方法checksession的方法，判斷當前使用者的session是否過期，過期後自動會發起登入授權

wx.checksession(,
fail() 
})

onlaunch: function () {}

check: function () )
return false;
}wx.checksession(,
fail: function (res) )
},})
},

5.web-view

這次又兩個地方，都用到了 web-view。

遇到的問題：當 index.wxml 頁面中使用了 web-view 這個元件的時候，web-view 就會自動開啟，這樣在index.js 裡面使用setdata 屬性賦值都來不及，所以每次開啟的頁面都是空的。

解決方法：新建乙個page/web/index ，然後比如說，文章的詳情頁的某個鏈結是外部鏈結，那麼點選的時候將這個外部鏈結傳遞到 page/web/index 去，我這裡是將url儲存到globaldata 中

onload: function (options) )
console.log(url);
},

6.tab導航選中的時候更換圖示

小程式開發

小程式開發

小程式開發心得

小程式開發1

小程式開發

小程式開發

小程式開發心得

小程式開發1

相關推薦