国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

利用localStorage本地儲存js文件

haitiancoder / 2381人閱讀

摘要:通過采用同步的形式獲取內(nèi)容,取得內(nèi)容后,執(zhí)行文件的內(nèi)容,設(shè)置保存到中,再刪除中上個版本的文件。同步獲取文件內(nèi)容。

利用localStorage儲存js文件,只有在第一次訪問該頁面的時候加載js文件,以后在訪問的時候加載本地localStorage執(zhí)行

封裝lsFile類 有url、filename(key前綴)、lname(key)、filetext(值)屬性

var lstorage = window.localStorage

function lsFile(url){
    this.url = url
    this.filename = url.substring(url.lastIndexOf("/")+1,url.lastIndexOf("."))
    //this.filename  = document.location.pathname
    this.lname     = "Lsf_"+this.filename+"_"+url.substring(url.lastIndexOf("?")+1)
    this.filetext    = lstorage.getItem(this.lname)
    this.init()
}

首先判斷本地localStorage有沒有緩存文件,有的話直接getItem獲取,通過eval執(zhí)行,沒有話通過執(zhí)行ajax獲取js文件內(nèi)容。

lsFile.prototype.init = function(){
    if (this.filetext){
        this.eval(this.filetext)
    }else{
        this.xhr(this.url,this.runstr)
    }
}

通過ajax采用同步的形式獲取js內(nèi)容,取得內(nèi)容后,eval執(zhí)行js文件的內(nèi)容,setItem設(shè)置保存到localStorage中,再刪除localStorage中上個版本的文件。

lsFile.prototype.runstr = function(filetext){
    this.eval(filetext)
    lstorage.setItem(this.lname,filetext)   
    this.removels()
}

ajax同步獲取js文件內(nèi)容。

lsFile.prototype.xhr = function(url,callback){
    var _this = this
    var version = url.substring(url.lastIndexOf("?"))
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        switch(xhr.readyState){
            case 4:
                if(xhr.status==200){
                    var filetext = xhr.responseText
                    if(callback){
                        callback.call(_this,filetext)
                    }
                }else{
                    alert("加載失敗")
                }
                break;
            default:
                break;
        }
    }
    xhr.open("GET",url,false);
    xhr.send();
}

刪除localStorage中上個版本的文件方法,通過名字規(guī)則查找,除了當(dāng)前設(shè)置的名字的之外有相同前綴的,通過removeItem刪除。

lsFile.prototype.removels = function(){
    var arr = []
    for(var i=0;i -1 && name != this.lname){
            arr.push(name)
        }
    }
    for(var i in arr){
        localStorage.removeItem(arr[i]);
    }
}

使用

lsFile("/demo/lsfile/zepto.js?20150620")

移動端webapp使用
兼容性好
網(wǎng)速慢,LS讀取+eval大多數(shù)情況下快于304
瀏覽器緩存經(jīng)常會被清理,localStorage被清理的幾率低一些

以下是完整代碼

!function(w){
    "use strict"

    var lstorage = window.localStorage
    
    function lsFile(url){
        this.url = url
        this.filename = url.substring(url.lastIndexOf("/")+1,url.lastIndexOf("."))
        //this.filename  = document.location.pathname
        this.lname     = "Lsf_"+this.filename+"_"+url.substring(url.lastIndexOf("?")+1)
        this.filetext    = lstorage.getItem(this.lname)
        this.init()
    }

    lsFile.prototype.init = function(){
        if (this.filetext){
            this.eval(this.filetext)
        }else{
            this.xhr(this.url,this.runstr)
        }
    }

    lsFile.prototype.xhr = function(url,callback){
        var _this = this
        var version = url.substring(url.lastIndexOf("?"))
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function(){
            switch(xhr.readyState){
                case 4:
                    if(xhr.status==200){
                        var filetext = xhr.responseText
                        if(callback){
                            callback.call(_this,filetext)
                        }
                    }else{
                        alert("加載失敗")
                    }
                    break;
                default:
                    break;
            }
        }
        xhr.open("GET",url,false);
        xhr.send();
    }

    lsFile.prototype.runstr = function(filetext){
        this.eval(filetext)
        lstorage.setItem(this.lname,filetext);
        this.removels()
    }

    lsFile.prototype.removels = function(){
        var arr = []
        for(var i=0;i -1 && name != this.lname){
                arr.push(name)
            }
        }
        for(var i in arr){
            localStorage.removeItem(arr[i]);
        }
    }
    
    lsFile.prototype.eval = function(filetext){
        window.eval(filetext)
    }

    w.lsFile = function (url){
        return new lsFile(url)
    }
}(window)

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/79735.html

相關(guān)文章

  • 瀏覽器緩存原理以及本地存儲

    摘要:私有緩存就是用戶專享的,各級代理不能緩存的緩存。代表使用內(nèi)存中的緩存,則代表使用的是硬盤中的緩存,瀏覽器讀取緩存的順序為。 作為一名前端工作人員,前端的緩存知識是必須掌握的,因為一個網(wǎng)站打開網(wǎng)頁的速度直接關(guān)系到用戶體驗,用戶粘度,而提高網(wǎng)頁的打開速度有很多方面需要優(yōu)化,其中比較重要的一點就是利用好緩存,緩存文件可以重復(fù)利用,還可以減少帶寬,降低網(wǎng)絡(luò)負荷。 1 緩存 緩存從宏觀上分為私有...

    roundstones 評論0 收藏0
  • 瀏覽器緩存原理以及本地存儲

    摘要:私有緩存就是用戶專享的,各級代理不能緩存的緩存。代表使用內(nèi)存中的緩存,則代表使用的是硬盤中的緩存,瀏覽器讀取緩存的順序為。 作為一名前端工作人員,前端的緩存知識是必須掌握的,因為一個網(wǎng)站打開網(wǎng)頁的速度直接關(guān)系到用戶體驗,用戶粘度,而提高網(wǎng)頁的打開速度有很多方面需要優(yōu)化,其中比較重要的一點就是利用好緩存,緩存文件可以重復(fù)利用,還可以減少帶寬,降低網(wǎng)絡(luò)負荷。 1 緩存 緩存從宏觀上分為私有...

    Rindia 評論0 收藏0
  • 瀏覽器緩存原理以及本地存儲

    摘要:私有緩存就是用戶專享的,各級代理不能緩存的緩存。代表使用內(nèi)存中的緩存,則代表使用的是硬盤中的緩存,瀏覽器讀取緩存的順序為。 作為一名前端工作人員,前端的緩存知識是必須掌握的,因為一個網(wǎng)站打開網(wǎng)頁的速度直接關(guān)系到用戶體驗,用戶粘度,而提高網(wǎng)頁的打開速度有很多方面需要優(yōu)化,其中比較重要的一點就是利用好緩存,緩存文件可以重復(fù)利用,還可以減少帶寬,降低網(wǎng)絡(luò)負荷。 1 緩存 緩存從宏觀上分為私有...

    inapt 評論0 收藏0
  • JavaScript の MUI-APP 數(shù)據(jù)儲存方法

    摘要:是手機端關(guān)系型數(shù)據(jù)庫的最佳方案,各種手機都支持。但是目前手機端重量數(shù)據(jù)存儲的唯一可商用方案。是里最新的數(shù)據(jù)存儲規(guī)范,但不是基于,而是基于對象。與的標準相比,的擴展主要是為了跨域。有網(wǎng)友封裝了一個框架,針對數(shù)據(jù),在超過時自動切換到,參考。 總結(jié)HTML5+的離線本地存儲的多種方案: [ √ ] HTML5標準方案:cookie、localstorage、sessionstorage、w...

    fancyLuo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<