LocalStorage के साथ सुविधाजनक काम। ठीक उसी समय, SessionStorage के साथ

मैं आपके ध्यान में स्थानीय और सत्र भंडारण के साथ सुविधाजनक काम के लिए एक पुस्तकालय लाना चाहता हूं। यह एक परियोजना पर काम करने के उपोत्पाद के रूप में दिखाई दिया और इसमें कई सुविधाजनक सुविधाएँ हैं। पुस्तकालय अर्थात् सभी आधुनिक ब्राउज़रों का समर्थन करता है:

• इंटरनेट एक्सप्लोरर 8+
• मोज़िला फ़ायरफ़ॉक्स 3.5+
• Google Chrome 4+
• सफारी 4+
• ओपेरा 10.5+

पारंपरिक लोगों के अलावा - सेट / प्राप्त / inc / dec, सुविधाजनक "उपहार" का एक सेट है:

• inc स्ट्रिंग्स के साथ काम करता है
• वस्तुओं के लिए विस्तार
• सरणियों के साथ काम करने के लिए कई तरीके
  
  • नियमित परिशिष्ट / प्रीपेंड / टेकलैस्ट / टेकफर्स्ट / गेटलैस्ट / गेटफर्स्ट
  • अनूठेपन की जाँच के साथ - .appendUnique / .prependUnique
  • एमआरयू सूचियों के आयोजन के लिए सुविधाजनक - आप सभी एपेंड / प्रीपेन्ड विधियों के लिए एक सीमा पार कर सकते हैं
• कॉलिंग चेनिंग - मैं उसके साथ खुश हूँ :)

यदि दिलचस्पी है - मैं उदाहरण के लिए एक बिल्ली के लिए पूछता हूं। यह मुझे लगता है कि वे पुस्तकालय की क्षमताओं को काफी अच्छी तरह से दिखाते हैं।

br.storage.get('foo', 'bar'); // bar br.storage.set('foo', 'bar2').get('foo'); // bar2 br.storage.set('boolean', true).get('boolean'); // true br.storage.set('integer', 666).get('integer'); // 666 br.storage.set('val', 10).inc('val', 5).inc('val').get('val'); // 16 br.storage.set('val', 10).dec('val', 5).dec('val').get('val'); // 4 br.storage.set('colors', 'red').inc('colors', 'white').inc('colors', 'blue').get('colors'); // red, white, blue br.storage.set('tags', 'storage').inc('tags', 'html5', ' ').inc('tags', 'local', ' ').get('tags'); // storage html5 local br.storage.clear().set('one', 1).set('two', 2).set('three', 3).get(['one', 'two', 'three']); // { one: 1, two: 2, three: 3 } br.storage.set('array', [1, 2, 3, 4, 5]).get('array'); // [1, 2, 3, 4, 5] br.storage.set({prop1: 'val1', prop2: 'val2' }).get('prop2'); // val2 br.storage.remove('prop1').get('prop2'); // val2 br.storage.set({prop1: 'val1', prop2: 'val2' }).get(['prop1', 'prop2']); // { prop1: "val1", prop2: "val2" } br.storage.remove(['prop1', 'prop2']).get('prop1'); // null br.storage.set('object', { prop1: 'one', prop2: 'two' }).get('object'); // { prop1: "one", prop2: "two" } br.storage.set('delicious', true).get('delicious'); // true br.storage.not('delicious').get('delicious'); // false br.storage.set('array', [1, 2, 3]).append('array', 4).get('array'); // [1, 2, 3, 4] br.storage.set('array', [1, 2, 3]).prepend('array', 4).get('array'); // [4, 1, 2, 3] br.storage.set('array', [1, 2, 3]).takeLast('array'); // 3 br.storage.get('array'); // [1, 2] br.storage.set('array', [1, 2, 3]).takeFirst('array'); // 1 br.storage.get('array'); // [2, 3] br.storage.set('array', [1, 2, 3]).getLast('array'); // 3 br.storage.get('array'); // [1, 2, 3] br.storage.set('array', [1, 2, 3]).getFirst('array'); // 1 br.storage.get('array'); // [1, 2, 3] br.storage.set('object', { prop1: 'one' }).extend('object', { prop2: 'two' }).get('object'); // { prop1: "one", prop2: "two" } br.storage.set('object', { prop1: 'one' }).extend('object', { prop2: 'two', prop3: 'three' }).get('object'); // { prop1: "one", prop2: "two", prop3: "three" } br.storage.set('array', [1, 2, 3]).each('array', function(value) { console.log(value); }); // 1 // 2 // 3 br.storage.set('array', [1, 2, 3]).appendUnique('array', 1).appendUnique('array', 4).get('array'); // [2, 3, 1, 4] br.storage.set('array', [1, 2, 3]).prependUnique('array', 1).prependUnique('array', 4).get('array'); // [4, 1, 2, 3] br.storage.set('array', [1, 2, 3]).append('array', 4, 3).get('array'); // [2, 3, 4] br.storage.set('array', [1, 2, 3]).prepend('array', 4, 3).get('array'); // [4, 1, 2] br.storage.all(); // { array: [2, 3] // , boolean: true // , colors: "red, white, blue" // , delicious: false // , foo: "bar2" // , integer: 666 // , object: { prop1: "one", prop2: "two", prop3: "three" } // , one: 1 // , tags: "storage html5 local" // , three: 3 // , two: 2 // } 

सभी समान सत्र सत्र के लिए काम करता है br.session के माध्यम से।

आप लाइब्रेरी https://github.com/jagermesh/breeze डाउनलोड कर सकते हैं। आलोचना का स्वागत है :)