Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Следующая версия		 Предыдущая версия
js:chrome:storages [2023/11/21 00:31] – создано 192.168.1.159js:chrome:storages [2023/11/21 00:34] (текущий) – 192.168.1.159
Строка 7: Строка 7:
  
 IndexedDB лучше всего подходит для приложений, которые работают с большими объемами данных, так как он поддерживает запросы по ключам и дополнительные индексы, что делает поиск и выборку данных более эффективным. IndexedDB лучше всего подходит для приложений, которые работают с большими объемами данных, так как он поддерживает запросы по ключам и дополнительные индексы, что делает поиск и выборку данных более эффективным.
 +
 +<code javascript>
 +// Открываем базу данных
 +const openDatabase = indexedDB.open('myDatabase', 1);
 + 
 +// Создаем хранилище объектов
 +openDatabase.onupgradeneeded = function() {
 +const db = this.result;
 +const store = db.createObjectStore('bookmarks', { keyPath: 'id'});
 +store.createIndex('title', 'title', { unique: false });
 +}
 +
 +// Добавляем ссылку на сайт в базу данных
 +function addBookmark(title, url) {
 +const db = openDatabase.result;
 +const transaction = db.transaction(['bookmarks'], 'readwrite');
 +const store = transaction.objectStore('bookmarks');
 + 
 +const bookmark = {
 +title: title,
 +url: url,
 +id: url.hashCode()
 +};
 + 
 +store.put(bookmark);
 +}
 +
 +String.prototype.hashCode = function() {
 +  let hash = 0, i, chr;
 +  for (i = 0; i < this.length; i++) {
 +    chr = this.charCodeAt(i);
 +    hash = ((hash << 5) - hash) + chr;
 +    hash |= 0; 
 +  }
 +  return hash;
 +};
 +
 +// Получаем все ссылки на сайты из базы данных
 +function getBookmarks() {
 +  const db = openDatabase.result;
 +  const transaction = db.transaction(['bookmarks'], 'readonly');
 +  const store = transaction.objectStore('bookmarks');
 + 
 +  const request = store.getAll();
 + 
 +  request.onsuccess = function() {
 +    // Отображаем ссылки на сайты в списке
 +    const bookmarks = this.result;
 +    // ...
 +  }
 +}
 +
 +// Удаляем ссылку на сайт из базы данных
 +function removeBookmark(id) {
 +  const db = openDatabase.result;
 +  const transaction = db.transaction(['bookmarks'], 'readwrite');
 +  const store = transaction.objectStore('bookmarks');
 + 
 +  store.delete(id);
 +}
 +</code>
  
 ===== WebSQL ===== ===== WebSQL =====