A sample client side cache implementation using local-storage

cache_manager.js

app = {}

app.cacheManager = function() {
    var self = {};
    var namedSpacedKey = function(key) {
        if(app.release.version && app.release.version != "") return app.release.version + "." + key;
        else return key;

    };

    self.cache = function(key,data){
        localStorage.setObject(namedSpacedKey(key),data);
    };

    self.fetch = function(key){
        return localStorage.getObject(namedSpacedKey(key));
    };

    self.cacheProperty = function(key,id,value){
        var propertyStore = localStorage.getObject(namedSpacedKey(key)) || {};
        propertyStore[id] = value;
        localStorage.setObject(namedSpacedKey(key),propertyStore);
    };

    self.fetchProperty = function(key,id){
        var propertyStore = localStorage.getObject(namedSpacedKey(key)) || {};
        return propertyStore[id];
    };

    self.clear = function(key){
        localStorage.removeItem(namedSpacedKey(key));
    };

    self.clearAll = function() {
      var volatile_caches = _.pick(app.cacheKeys,'VOLATILE1','VOLATILE2');
      _.each(volatile_caches,this.clear);
    };

    return self;
}();

app.cacheKeys = {
    VOLATILE1 : 'volatile1',
    VOLATILE2 : 'volatile2',
    PERSISTENT1 : 'persistent1',
    PERSISTENT2 : 'persistent2'
}