久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

# 數(shù)據(jù)緩存+圖片緩存 > 引自tcld2269 ## **demo下載地址**：http://pan.baidu.com/s/1i5JqPFZ * * * * * > 設(shè)計(jì)思路：1.先從本地文件讀取數(shù)據(jù)，如果讀取到則直接返回 2.如果本地沒(méi)有緩存，則前往服務(wù)器取數(shù)據(jù)，然后存到本地 3.如果本地緩存過(guò)期（服務(wù)器端數(shù)據(jù)進(jìn)行了更新），則更新本地緩存文件 * * * * * > 1.通用js，存放在common.js，每個(gè)頁(yè)面都要引用。 var serverurl = "http://xxx.xxx.com/appservice.asmx";//服務(wù)器接口路徑 var machineurl = "http://xxx.xxx.com";//服務(wù)器路徑，用于圖片顯示 ~~~ //緩存方法 function doCache(folder, id, url, callback) { readFile('/' + folder + '/' + id + '.json', function(ret, err) { if (ret.status) { //如果成功，說(shuō)明有本地存儲(chǔ)，讀取時(shí)轉(zhuǎn)換下數(shù)據(jù)格式 //拼裝json代碼 //alert('取到緩存') var cacheData = ret.data; callback(JSON.parse(cacheData)); iCache($('.cache')); //再遠(yuǎn)程取一下數(shù)據(jù)，防止有更新 ajaxRequest(url, 'GET', '', function(ret, err) { if (ret) { if (cacheData != JSON.stringify(ret)) { //有更新處理返回?cái)?shù)據(jù) //alert('更新緩存') callback(ret); //緩存數(shù)據(jù) writeFile(ret, id, folder); iCache($('.cache')); } } else { alert('數(shù)據(jù)獲取失?。?#039;); } }) } else { //如果失敗則從服務(wù)器讀取，利用上面的那個(gè)ajaxRequest方法從服務(wù)器GET數(shù)據(jù) ajaxRequest(url, 'GET', '', function(ret, err) { if (ret) { //處理返回?cái)?shù)據(jù) //alert('沒(méi)取到緩存') callback(ret); //緩存數(shù)據(jù) writeFile(ret, id, folder); iCache($('.cache')); } else { alert('數(shù)據(jù)獲取失敗！'); } }) } }) } //ajax請(qǐng)求 function ajaxRequest(url, method, datas, callBack) { var serverUrl = serverurl; var now = Date.now(); api.ajax({ url : serverUrl + url, method : method, cache : false, timeout : 30, dataType : 'json', data : { values : datas } }, function(ret, err) { if (ret) { callBack(ret, err); } else { api.alert({ msg : ('錯(cuò)誤碼：' + err.code + '；錯(cuò)誤信息：' + err.msg + '網(wǎng)絡(luò)狀態(tài)碼：' + err.statusCode) }); } }); } //讀文件 function readFile(path, callBack) { var cacheDir = api.cacheDir; api.readFile({ path : cacheDir + path }, function(ret, err) { callBack(ret, err); }); } //寫文件 function writeFile(json, id, path) { //緩存目錄 var cacheDir = api.cacheDir; api.writeFile({ //保存路徑 path : cacheDir + '/' + path + '/' + id + '.json', //保存數(shù)據(jù)，記得轉(zhuǎn)換格式 data : JSON.stringify(json) }, function(ret, err) { }) } //緩存圖片 function iCache(selector) { selector.each(function(data) {! function(data) { var url = selector.eq(data).attr("src"); var img = this; var pos = url.lastIndexOf("/"); var filename = url.substring(pos + 1); var path = api.cacheDir + "/pic/" + filename; var obj = api.require('fs'); obj.exist({ path : path }, function(ret, err) { //msg(ret); if (ret.exist) { if (ret.directory) { //api.alert({msg:'該路徑指向一個(gè)文件夾'}); } else { //api.alert({msg:'該路徑指向一個(gè)文件'}); //selector.eq(data).src=path; selector.eq(data).attr('src', null); path = api.cacheDir + "/pic/" + filename; selector.eq(data).attr('src', path); //console.log(selector.eq(data).attr("src")); } } else { api.download({ url : url, savePath : path, report : false, cache : true, allowResume : true }, function(ret, err) { //msg(ret); if (ret) { var value = ('文件大?。?#039; + ret.fileSize + '；下載進(jìn)度：' + ret.percent + '；下載狀態(tài)' + ret.state + '存儲(chǔ)路徑: ' + ret.savePath); } else { var value = err.msg; }; }); } }); }(data); }); }; ~~~ > 2.調(diào)用方法。 ~~~ //緩存ID var id = api.pageParam.typeId; //緩存目錄，存儲(chǔ)地址為 Caches/folder/id.json var folder = "cartype"; //請(qǐng)求地址 var url = "/getCategoryByParentId?parentId=" + id + "&key=" + key; //讀取執(zhí)行 doCache(folder, id, url, function(data) { //處理拼接html //圖片樣式加上cache }); ~~~ * * * * * > 3.圖片緩存的實(shí)現(xiàn)。 ~~~ 在需要圖片緩存的頁(yè)面，加上<script src="../../js/zepto.min.js"></script> 然后在doCache回調(diào)里面的圖片的class加上cache即可自動(dòng)實(shí)現(xiàn)圖片緩存 ~~~ ### **備注：需要云模塊中添加fs文件模塊。** * * * * * * * * * * # 上劃翻頁(yè)的實(shí)現(xiàn) > 自動(dòng)加載下10條，沒(méi)有數(shù)據(jù)的話就顯示暫無(wú)內(nèi)容。頁(yè)數(shù)為0的話是用的緩存讀取數(shù)據(jù)，保證了第一次的加載速度。 由于也用到了上面的緩存，所以也需要引用common.js和zepto.min.js ### 1）在apiready中定義當(dāng)前頁(yè)碼 ~~~ $api.setStorage("resou_index", 0); load(); //上拉翻頁(yè) api.addEventListener({ name : 'scrolltobottom' }, function(ret, err) { $api.setStorage("resou_index", $api.getStorage("resou_index") - 0 + 1); load(); }); ~~~ ### 2）數(shù)據(jù)加載方法 ~~~ //數(shù)據(jù)加載，first是判斷是否重新刷新，index2是傳入的當(dāng)前頁(yè)碼 function load(first, index2) { var index = $api.getStorage("resou_index"); if (index2 != null) { index = index2; } var id = "resou"; var url = "/getGoodsTagList?tag=" + id + "&pageIndex=" + index + "&pageCount=20&key=" + key; if (index == 0) { //默認(rèn)加載緩存 var folder = "getGoodsTagList"; doCache(folder, id, url, function(data) { dealWithHtml(data, first, index); }); } else { //分頁(yè)后不加載緩存 ajaxRequest(url, 'get', '', function(data) { dealWithHtml(data, first, index); }); } } ~~~ ### 3）處理回調(diào)數(shù)據(jù) > 可以使用doT模板 ~~~ function dealWithHtml(data, first, index) { //處理數(shù)據(jù)html的拼接 } ~~~