Как IndexedDB концептуально отличается от локального хранилища HTML5?

IndexedDB не является хранилищем значений ключей так же, как локальное хранилище. Локальное хранилище просто хранит строки, поэтому для размещения объекта в локальном хранилище обычным подходом является JSON.преобразовать в строки это:

myObject = {a: 1, b: 2, c: 3};
localStorage.setItem("uniq", JSON.stringify(myObject));

это отлично подходит для поиска объекта с ключом uniq, но единственный способ получить свойства myObject обратно из локального хранилища-это JSON.разобрать объект и изучить его:

var myStorageObject = JSON.parse(localStorage.getItem("uniq"));
window.alert(myStorageObject.b);

это нормально, если у вас есть только один или несколько объекты в локальном хранилище. Но представьте, что у вас есть тысяча объектов, все из которых имеют свойство b, а вы хотите сделать что-то только с теми, где b==2. С локальным хранилищем вам придется перебирать весь магазин и проверять b на каждом элементе, который является много впустую обработки.

С IndexedDB вы можете хранить вещи, отличные от строк в значении: "это включает в себя простые типы, такие как DOMString и дата, а также объект и массив экземпляры.- Не только это, но и ты можешь создать индексы о свойствах объектов, сохраненных в значении. Таким образом, с IndexedDb вы можете поместить в него те же самые тысячи объектов, но создать индекс на b свойство и использовать его, чтобы просто получить объекты, где b==2 без накладных расходов на сканирование каждого объекта в хранилище.

по крайней мере, это идея. API IndexedDB не очень интуитивно понятен.

они, кажется, работают в тот же поток, что и асинхронные вызовы были сделаны. Как это не заблокирует пользовательский интерфейс?

асинхронность-это не то же самое, что многопоточность,JavaScript, как правило, не является многопоточным. Любая тяжелая обработка, которую вы делаете в JS, заблокирует пользовательский интерфейс, если вы хотите свести к минимуму блокировку пользовательского интерфейса try Веб-Работников.

индексированные базы данных позволяет более большой магазин. Почему бы не увеличить размер магазина HTML5?

потому что, без надлежащей индексации он будет становиться все медленнее, чем больше он становится.