微信手機(jī)網(wǎng)站開(kāi)發(fā)總結(jié)范文
微信手機(jī)網(wǎng)站開(kāi)發(fā)總結(jié)范文
最近在開(kāi)發(fā)中遇到了很多問(wèn)題，比如ajax請(qǐng)求，大量使用ajax提交數(shù)據(jù)會(huì)發(fā)現(xiàn)經(jīng)常出現(xiàn)重復(fù)性數(shù)據(jù)，也就是說(shuō)用戶提交了兩次，這個(gè)問(wèn)題的根本在于手機(jī)端網(wǎng)速過(guò)慢，導(dǎo)致用戶以為沒(méi)有點(diǎn)擊上，就會(huì)在點(diǎn)擊一次，所以這個(gè)時(shí)候我們必須要加上“鎖屏”，或者提示用戶數(shù)據(jù)正在提交當(dāng)中，由于以前沒(méi)有移動(dòng)端開(kāi)發(fā)的經(jīng)驗(yàn)所以倒置出現(xiàn)了很多重復(fù)的數(shù)據(jù)，這個(gè)問(wèn)題應(yīng)該算比較嚴(yán)重的 一個(gè)問(wèn)題。
另外一個(gè)問(wèn)題就是還網(wǎng)速問(wèn)題，比如最近開(kāi)發(fā)的微信訂餐模塊，在首次加載的時(shí)候有很多產(chǎn)品分類(lèi)、產(chǎn)品，所有的產(chǎn)品都是通過(guò)ajax來(lái)獲取的，這樣有存在了一個(gè)問(wèn)題，當(dāng)讓我們也是為了追求極致的用戶體驗(yàn)，比如用戶點(diǎn)擊西餐分的時(shí)候的時(shí)候我們?nèi)フ?qǐng)求服務(wù)器來(lái)獲取西餐中的產(chǎn)品，點(diǎn)擊中餐獲取中餐中的數(shù)據(jù)，當(dāng)下次在點(diǎn)擊中餐的時(shí)候呢？還是請(qǐng)求服務(wù)器嗎？這樣是不合理的，用戶滿意必要再次去浪費(fèi)流量了，所以我們就需要在用戶端做一個(gè)緩存，當(dāng)用戶下次請(qǐng)求的時(shí)候直接走本地緩存不在請(qǐng)求服務(wù)器了。這樣就實(shí)現(xiàn)了一次加載不用多次加載了。
這樣雖然加了一個(gè)緩存層但是還是不能搞滿足需求，現(xiàn)在某個(gè)神奇的國(guó)度的網(wǎng)速還是很慢的，3G普及率還不是很高，4G也才剛出來(lái)只是一個(gè)噱頭而已，4G的手機(jī)也不多，所以我們除了做緩存還是不夠的，我們需要做一些其他工作來(lái)讓操作體驗(yàn)度更高。
以訂餐來(lái)舉例：
1、產(chǎn)品列表
2、產(chǎn)品分類(lèi)
用戶首次進(jìn)來(lái)我們將第一個(gè)分類(lèi)中的產(chǎn)品都加載顯示出來(lái)（PS：直接后端語(yǔ)言打印，不要用ajax請(qǐng)求，ajax還會(huì)發(fā)送一次http請(qǐng)求的還不如直接加載出來(lái)，當(dāng)頁(yè)面出來(lái)的時(shí)候就直接顯示了），這個(gè)時(shí)候我們?cè)诖a中協(xié)商window.onload = function(){} 用js來(lái)監(jiān)測(cè)所有資源是否已經(jīng)加載完成了，如果已經(jīng)加載完成，那么這個(gè)時(shí)候我們需要發(fā)送下一分類(lèi)中的所有產(chǎn)品了并將他緩存，這個(gè)時(shí)候?qū)τ脩魜?lái)說(shuō)他是察覺(jué)不到的，其實(shí)我們已經(jīng)在請(qǐng)求數(shù)據(jù)了，一直將我們所有需要的數(shù)據(jù)加載進(jìn)來(lái)。這樣用戶在想看下一個(gè)分類(lèi)中的產(chǎn)品的時(shí)候就不需要在等待了。這樣提前加載可能有會(huì)說(shuō)，這樣如果用戶不需要看你其他分類(lèi)的產(chǎn)品你這不是浪費(fèi)嗎？難道你想用戶在等待嗎？我不想看到，我需要給用戶一個(gè)更加流程的操作。這些我們浪費(fèi)的流量我們可以從其他地方進(jìn)行補(bǔ)回的，比如：壓縮頁(yè)面 源碼，減少http請(qǐng)求，不實(shí)用jquery而是去封裝自己的原生態(tài)的js（這個(gè)就根據(jù)你自己的業(yè)務(wù)需求吧），總之能省的就都省了，我們們的目的是將pc做成app的操作體驗(yàn)。
【微信手機(jī)網(wǎng)站開(kāi)發(fā)總結(jié)】相關(guān)文章：
單片機(jī)實(shí)訓(xùn)總結(jié)（精選11篇）02-19
四年機(jī)下冊(cè)英語(yǔ)教學(xué)總結(jié)02-14
挖掘裝載機(jī)作業(yè)安全技術(shù)措施總結(jié)（精選5篇）04-03
民居保護(hù)開(kāi)發(fā)利用情況的調(diào)研報(bào)告03-19
微格教學(xué)聽(tīng)評(píng)課記錄總結(jié)03-20
開(kāi)發(fā)區(qū)管委會(huì)主任的個(gè)人述職述廉報(bào)告范文03-20
開(kāi)發(fā)區(qū)副主任述職述廉報(bào)告范文（精選12篇）11-07
小學(xué)教育教學(xué)微變革、微創(chuàng)新行動(dòng)方案08-06