Як працювати з сховищами з використанням basil.js.

Як працювати з сховищами з використанням Basil.js.

Відео: WD My Cloud - зручне мережеве сховище

Всім привіт! У цій статті ми розглянемо бібліотеку, яка зробить вашу роботу з localstorage, cookie і session простий і зручною.

Бібліотека називається Basil.js. У ній немає абсолютно нічого складного, тому відразу почнемо розбиратися, як її встановлювати і використовувати.

щоб встановити Basil.js, вам потрібно завантажити всі необхідні файли з офіційного сайту і підключити їх. Справа на сайті є два посилання на архіви .zip і tar.gz.




Тепер перейдемо до використання. Спочатку розглянемо базовий функціонал.

Відео: Вчимося зберігати дані в браузері разом з HTML5 localstorage

basil =new window.Basil(options) -

// базові методи
basil
.set(`Foo`,`Bar`) -// зберегти значення `bar` під ключем `foo`
basil
.get(`Foo`) -// поверне `bar`
basil
.remove(`Foo`) -// видалить значення `foo`

// просунуті методи
basil
.check(`Local`) -// булеан. Перевірить, чи доступний localstorage
basil
.reset() -// скине всі записані часові під даним простором імен

Як бачите, нічого складно немає. Тепер поговоримо про просунуте використання.

basil =new window.Basil(options) -

// збереження "на льоту" через basil
// зберегти значення `bar` під ключем `foo` в локальному сховищі
basil
.set(`Foo`,`Bar`,{`Storage`:`Local`}) -

// Доступ до нативним сховищ
// З basil API, але без простору імен для синтаксичного аналізу JSON

// кукіси
basil
.cookie.get(key) -
basil
.cookie.set(key, value,{`ExpireDays`: days,`Domain`:`Mydomain.com`}) -

// локальне сховище
basil
.localStorage.get(key) -
basil
.localStorage.set(key, value) -

// сховище сесій
basil
.sessionstorage.get(key) -
basil
.sessionstorage.set(key, value) -



конфігурація

options ={
// Простір імен. Встановити простір імен для ваших збережених даних basil
// default: `b45i1`
namespace:`Foo`,

// сховища. Вкажіть всі basil підтримувані сховища і пріоритетний порядок
// default: `[ `local`, `cookie`, `session`, `memory`]`
storages
:[`Cookie`,`Local`]

// сховище. Встановіть значення за замовчуванням для іспользоуемого сховища
// за замовчуванням: визначає краще доступне сховище серед доступних
storage
:`Cookie`

// термін зберігання. За замовчуванням - кількість днів до закінчення кукисов
// default: 365
expireDays
:31

} -

сумісність

  • Firefox 3.5+
  • Internet Explorer 7 (потрібно json2.js)
  • Internet Explorer 8+
  • Chrome 4+
  • Safari 4+

Дізнатися, як правильно використовувати бібліотеки, jquery і ще багато чого ви можете в видеокурсе jаvascript, jQuery і Ajax з Нулі до Гуру.

А у мене на цьому все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі
Localstorage. Локальна пам`ять на html5.Localstorage. Локальна пам`ять на html5.
Бібліотека вибору дати на jаvascript.Бібліотека вибору дати на jаvascript.
Scripty2 - jаvascript бібліотека для приголомшливих анімацій.Scripty2 - jаvascript бібліотека для приголомшливих анімацій.
Якісна галерея з підтримкою свайпов.Якісна галерея з підтримкою свайпов.
Коли використовувати reset.css і normalize.css.Коли використовувати reset.css і normalize.css.
Як отримати випадковий колір на сторінці.Як отримати випадковий колір на сторінці.
Робота з cookie в phpРобота з cookie в php
Гарний трансформатор іконок - marka.Гарний трансформатор іконок - marka.
Як зробити відео в якості фону сайту на html5. (1/2).Як зробити відео в якості фону сайту на html5. (1/2).
Що таке замикання в jаvascript.Що таке замикання в jаvascript.
» » Як працювати з сховищами з використанням basil.js.