TIL day 12
10577 ワード
🍑 Components
render()html要素を返す関数🍑 Templete Literal
${}にラップすればよい.const name = 'Circlewee';
const age = 26;
console.log(`name: ${name}, age: ${age}`); // name: Circlewee, age: 26🍑 Indexed DB
1.データベースを開く
DBを変更する場合はバージョンを変更する必要があります.
let request = indexedDB.open('name', version);3.Transactionの開始－データの追加、取得操作の要求
4.indexごとにDOMイベントを受信
5.実行結果
🍉 ObjectStore
const usersStore = database.createObjectStore('users', {keyPath: 'id'})
const usersStore = database.createObjectStore('users', {autoIncrement: true})
const usersStore = database.createObjectStore('users', {keyPath: 'id', autoIncrement: true})onRequest.onupgradeneeded = () => {
const database = onRequest.result;
const objectStore = database.createObjectStore('store name', {keyPath: 'id});
}データベースが.onupgradeed()にアップグレードされたときにObjectStoreを作成または変更する
ObjectStoreの作成
const initializeDB = indexedDB.open('myDB', 1)
initializeDB.onupgradeneeded = () => {
const database = initializeDB.result;
database.createObjectStore('users', {keyPath: 'id});
}🍉 Transaction
const transaction = database.transaction('objectStore Name', 'Transaction Mode');// users 테이블에서 transaction을 instance화
const transaction = database.transaciton('users', 'readwrite').objectStore('users');const todos = database.createObjectStore('todos', {sutoIncrement: true});
function addTodos() {
const todo = {title: 'todo1', text:'no.1 thing to do'};
const transaction = database.transaction('todos', 'readwrite');
const todos = transaction.objectStore('todos');
todos.add(todo);
}Reference
この問題について(TIL day 12), 我々は、より多くの情報をここで見つけました https://velog.io/@circlewee/Elice-SW-engineer-TIL-day-12テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol