微信手機網站開發總結範文

微信手機網站開發總結範文

最近在開發中遇到了很多問題，比如ajax請求，大量使用ajax提交數據會發現經常出現重複性數據，也就是說用戶提交了兩次，這個問題的根本在於手機端網速過慢，導致用戶以爲沒有點擊上，就會在點擊一次，所以這個時候我們必須要加上“鎖屏”，或者提示用戶數據正在提交當中，由於以前沒有移動端開發的經驗所以倒置出現了很多重複的數據，這個問題應該算比較嚴重的 一個問題。

另外一個問題就是還網速問題，比如最近開發的微信訂餐模組，在首次加載的時候有很多產品分類、產品，所有的產品都是透過ajax來獲取的'，這樣有存在了一個問題，當讓我們也是爲了追求極致的用戶體驗，比如用戶點擊西餐分的時候的時候我們去請求服務器來獲取西餐中的產品，點擊中餐獲取中餐中的數據，當下次在點擊中餐的時候呢？還是請求服務器嗎？這樣是不合理的，用戶滿意必要再次去浪費流量了，所以我們就需要在用戶端做一個快取，當用戶下次請求的時候直接走本地快取不在請求服務器了。這樣就實現了一次加載不用多次加載了。

這樣雖然加了一個快取層但是還是不能搞滿足需求，現在某個神奇的國度的網速還是很慢的，3G普及率還不是很高，4G也纔剛出來只是一個噱頭而已，4G的手機也不多，所以我們除了做快取還是不夠的，我們需要做一些其他工作來讓操作體驗度更高。

以訂餐來舉例：

1、產品列表

2、產品分類

用戶首次進來我們將第一個分類中的產品都加載顯示出來（PS：直接後端語言打印，不要用ajax請求，ajax還會發送一次http請求的還不如直接加載出來，當頁面出來的時候就直接顯示了），這個時候我們在代碼中協商ad = function(){} 用js來監測所有資源是否已經加載完成了，如果已經加載完成，那麼這個時候我們需要發送下一分類中的所有產品了並將他快取，這個時候對用戶來說他是察覺不到的，其實我們已經在請求數據了，一直將我們所有需要的數據加載進來。這樣用戶在想看下一個分類中的產品的時候就不需要在等待了。這樣提前加載可能有會說，這樣如果用戶不需要看你其他分類的產品你這不是浪費嗎？難道你想用戶在等待嗎？我不想看到，我需要給用戶一個更加流程的操作。這些我們浪費的流量我們可以從其他地方進行補回的，比如：壓縮頁面 源碼，減少http請求，不實用jquery而是去封裝自己的原生態的js（這個就根據你自己的業務需求吧），總之能省的就都省了，我們們的目的是將pc做成app的操作體驗。