Як працювати з сховищами з використанням 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 з Нулі до Гуру.
А у мене на цьому все. Дякую за увагу!
- Як зробити відео в якості фону сайту на html5. (1/2).
- Як отримати випадковий колір на сторінці.
- Як зробити попередній перегляд зображень на jаvascript.
- Як використовувати інтерфейс countable в php.
- Що таке замикання в jаvascript.
- Коли використовувати reset.css і normalize.css.
- Як відстежувати позицію мишки на jаvascript.
- Як анімувати елементи при прокручуванні сторінки.
- Як зробити відображення процесу в заголовку сторінки на jаvascript.
- Якісна галерея з підтримкою свайпов.
- Бібліотека для швидкого написання формул на jаvascript.
- Бібліотека underscore.js.
- Вивчаємо coffeescript. Класи.
- Гарний трансформатор іконок - marka.
- Scripty2 - jаvascript бібліотека для приголомшливих анімацій.
- Бібліотека вибору дати на jаvascript.
- Робота з cookie через jаvascript
- Nodejs. Глобальний об`єкт.
- Робота з cookie в php
- Сесії в php
- Localstorage. Локальна пам`ять на html5.