Intermediate LevelHTML & Semantic Web
What is IndexedDB and when should you choose it over localStorage?
❓ Interview Prompt: Explain IndexedDB transactional NoSQL client database, object stores, indexes, and handling multi-megabyte offline data.
IndexedDB is a low-level, high-capacity transactional NoSQL database built into web browsers.
IndexedDB vs localStorage:
•
Capacity: Can store hundreds of megabytes (or gigabytes) of structured data.
•
Data Types: Stores JavaScript objects, Files, and Blobs directly (no stringification required!).
•
Async Execution: Asynchronous API does NOT block the main UI thread during heavy reads/writes.
Code Implementation Example
javascript
const request = indexedDB.open('AppDatabase', 1);
request.onupgradeneeded = (event) => {
const db = event.target.result;
db.createObjectStore('users', { keyPath: 'id' });
};💡Initializing an IndexedDB client-side database and object store.
🎯 Interview Key Takeaway
Use IndexedDB for storing multi-megabyte structured data, files, and offline PWA datasets asynchronously.
#IndexedDB#Client Database#Offline Storage#Intermediate
Back to all HTML & Semantic Web Questions→