<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 8個JavaScript庫可更好地處理本地存儲

    2020-9-3    seo達人

    Local Storage Bridge

    https://github.com/krasimir/l...

    如果你必須在同一個瀏覽器中從一個標簽頁發送消息到另一個標簽頁,你不必用艱難的方式。Local storage bridge在這里讓任務變得更簡單。

    基本使用:

    // 發送 lsbridge.send(‘app.message.error’, { error: ‘Out of memory’ });

    // 監聽 lsbridge.subscribe(‘app.message.error’, function(data) { console.log(data); // { error: ‘Out of memory’ } });

    Basil.js

    image

    Basil.js統一了session、localStorage和cookie,為你提供了一種處理數據的直接方法。

    基本使用:

    let basil = new Basil(options);
    
    basil.set(‘name’, ‘Amy’);
    basil.get(‘name’);
    basil.remove(‘name’);
    basil.reset();

    store.js

    https://github.com/marcuswest...

    Store.js像其他東西一樣處理數據存儲。但還有更多的功能,它的一個高級特性是讓你更深入地訪問瀏覽器支持。

    基本使用:

    store.set(‘book’, { title: ‘JavaScript’ }); // Store a book store.get(‘book’);

    // Get stored book store.remove(‘book’); // Remove stored book store.clearAll(); // Clear all keys

    lscache

    https://github.com/pamelafox/...

    它與localStorage API類似。事實上,它是localStorage的一個封裝器,并使用HTML5模擬memcaches函數。在上面的文檔中發現更多的功能。

    基本使用:

    lscache.set(‘name’, ‘Amy’, 5); // 數據將在5分鐘后過期 lscache.get(‘name’);

    Lockr

    image

    Lockr建立在localStorage API之上。它提供了一些有用的方法來更輕松地處理本地數據。

    是什么讓你要使用此庫而不是localStorage API?

    好吧,localStorage API僅允許你存儲字符串。如果要存儲數字,則需要先將該數字轉換為字符串。在Lockr中不會發生這種情況,因為Lockr允許你存儲更多的數據類型甚至對象。

    基本使用:

    Lockr.set(‘name’, ‘Amy’);
    Lockr.set(‘age’, 28);
    Lockr.set(‘books’, [{title: ‘JavaScript’, price: 11.0}, {title: ‘Python’, price: 9.0}]);

    Barn

    https://github.com/arokor/barn

    Barn在localStorage之上提供了一個類似Redis的API。如果持久性很重要,那么你將需要這個庫來保持數據狀態,以防發生錯誤。

    基本使用:

    let barn = new Barn(localStorage); // 原始類型 barn.set(‘name’, ‘Amy’); let name = barn.get(‘name’);

    // Amy // List barn.lpush(‘names’, ‘Amy’);

    barn.lpush(‘names’, ‘James’); let name1 = barn.rpop(‘names’); // Amy let name2 = barn.rpop(‘names’);

    // James

    localForage

    https://github.com/localForag...

    這個簡單而快速的庫將通過IndexedDB或WebSQL使用異步存儲來改善Web的脫機體驗。它類似于localStorage,但具有回調功能。

    基本使用:

    localforage.setItem(‘name’, ‘Amy’, function(error, value) { // Do something });
    
    localforage.getItem(‘name’, function(error, value) { if (error) { console.log(‘an error occurs’);
      } else { // Do something with the value }
    });

    很神奇的是它提供中文文檔

    crypt.io

    https://github.com/jas-/crypt.io

    crypt.io使用標準JavaScript加密庫實現安全的瀏覽器存儲。使用crypto.io時,有三個存儲選項:sessionStorage,localStorage或cookie。

    基本使用:

    let storage = crypto; let book = { title: ‘JavaScript’, price: 13 };
    
    storage.set(‘book’, book, function(error, results) { if (error) { throw error;
      } // Do something });
    
    storage.get(‘book’, function(error, results) { if (error) { throw error; 
    

    } // Do something });

    藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 欧美精品免费线视频观看视频| jizz国产精品| 国产精品自拍一区| 亚洲精品无码久久毛片| 国产日韩精品在线| 亚洲2022国产成人精品无码区| 国产系列高清精品第一页| 国产精品黄网站| 久久精品国产亚洲精品2020 | 精品91自产拍在线观看 | 2020国产精品永久在线| 无码人妻精品一区二区蜜桃AV| 国产高清日韩精品欧美激情| 99久久精品国产高清一区二区 | 国产午夜精品无码| 伊人久久大香线蕉精品不卡| 精品欧美一区二区在线观看 | 99亚洲精品视频| 欧美性videofree精品| www国产精品| 国产精品偷伦视频观看免费| 无码人妻丰满熟妇精品区| 亚洲国产成人乱码精品女人久久久不卡| 国模精品一区二区三区| 国产精品成人久久久久久久| 91久久精品无码一区二区毛片| 国产在线精品一区二区不卡| 92国产精品午夜福利| 国产精品186在线观看在线播放| 久久精品黄AA片一区二区三区| 精品永久久福利一区二区| 久久国产精品99精品国产| 国产在线精品一区二区在线观看| 精品人妻中文av一区二区三区 | 无码精品久久久久久人妻中字| 亚洲愉拍99热成人精品热久久 | 国产精品看高国产精品不卡| 久久国产乱子伦免费精品| 精品乱码久久久久久久| 国产精品亚洲а∨无码播放 | 精品无码AV无码免费专区|