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

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

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

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

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

以訂餐來舉例：

1、產品列表

2、產品分類

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