En quoi indexedDB diffère-t-il conceptuellement du stockage local HTML5?

IndexedDB n'est pas un stock de valeurs clés de la même manière que le stockage Local. Le stockage Local ne stocke que les chaînes, donc pour mettre un objet dans le stockage local, l'approche habituelle est de JSON.stringify :

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

c'est très bien pour trouver l'objet avec la clé uniq , mais le seul moyen de récupérer les propriétés de myObject de l'entreposage local est à JSON.analysez l'objet et examinez-le:

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

C'est très bien si vous avez seulement un ou quelques objets, dans le local de stockage. Mais imaginez que vous avez un millier d'objets, tous qui ont une propriété b , et vous voulez faire quelque chose juste avec ceux où b==2 . Avec le stockage local, vous aurez à boucle à travers l'ensemble du magasin et de vérifier b sur chaque article, ce qui est beaucoup de gaspillage de traitement.

avec IndexedDB vous pouvez stocker stuff other than strings dans la valeur : "This inclut des types simples tels que DOMString et Date ainsi que des instances D'objets et de tableaux."Non seulement cela, mais vous pouvez créer des index sur les propriétés des objets que vous avez stocké dans la valeur. Ainsi, avec IndexedDb, vous pouvez y placer ces mêmes milliers d'objets, mais créer un index sur la propriété b et l'utiliser pour simplement récupérer les objets où b==2 sans avoir à scanner chaque objet dans le magasin.

au moins c'est l'idée. L'API IndexedDB n'est pas très intuitive.

ils semblent fonctionner dans le même thread que les appels asynchrones. Comment cela va pas bloquer l'INTERFACE utilisateur?

Asynchrone n'est pas la même chose que le multi-thread, JavaScript, en règle générale, n'est pas multi-threadé . Tout traitement lourd que vous faites dans JS va bloquer L'UI, si vous voulez réduire au minimum le blocage de L'UI essayer travailleurs Web .

indexedDB permet un plus grand magasin. Pourquoi ne pas augmenter la taille du magasin HTML5?

parce que, sans indexation appropriée, il serait de plus en plus lent plus il a obtenu.