Top Banner
IndexedDB - The store in your browser - Sakshi Mehra FED
7

[@NaukriEngineering] IndexedDB

Jan 21, 2017

Download

Engineering

Naukri.com
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: [@NaukriEngineering] IndexedDB

IndexedDB- The store in your browser

- Sakshi MehraFED

Page 2: [@NaukriEngineering] IndexedDB

What is IndexedDB?

HTML5 API to store data in browser Can store large amount of data on client side It stores key-pair values Allows fast indexing and searching It is not a structured query language It is non-relational (A NoSQL database) Works in asynchronous mode 

Page 3: [@NaukriEngineering] IndexedDB

Browser Support

Internet Explorer 10+ Firefox Chrome Chrome for Android Firefox for Android BlackBerry 10

Page 4: [@NaukriEngineering] IndexedDB

Why indexedDB

LocalStorage- Very simple API- but usage is capped at 5 MB- synchronous- good browser support

WebSQL- supported only on Chrome and Safari- asynchronous- relational database implementation

IndexedDB is the successor to both LocalStorage and WebSQLLet’s understand how.

Hence came IndexedDB up in its preference!!

Page 5: [@NaukriEngineering] IndexedDB

Using IndexedDB:

All IndexedDB functionality is accessed throughwindow.indexedDB objectwindow.indexedDB = window.indexedDB || window.mozIndexedDB ||

window.webkitIndexedDB || window.msIndexedDB;

Page 6: [@NaukriEngineering] IndexedDB

This is how IndexedDB looks

Page 7: [@NaukriEngineering] IndexedDB

Thank you!