// indexeddb.js，瀏覽器本地資料庫操作
export
default
; request.
onsuccess
=function
(event)};
// onupgradeneeded，呼叫建立新的儲存空間
request.
onupgradeneeded
=function
(event));
objectstore.
createindex
('counter_index'
,'counter',)
; objectstore.
createindex
('barcode_index'
,'barcode',)
; objectstore.
createindex
('qty_index'
,'qty',)
; objectstore.
createindex
('counter_code',[
'counter'
,'barcode'],
);}}
};},
// 刪除資料庫
deletedb:
function
(dbname, callback)
; deletequest.
onsuccess
=function()
}},// 關閉資料庫
closedb:
function
(dbname)
,// 更新舊值,針對輸入數量
putdata:
function
(db, storename, dataarr, callback));
this
.getdatabycursor
(db, storename)
.then
(arr =>
; request.
onsuccess
=function
(result)};
}}else})
;}else
; request.
onsuccess
=function
(result)};
}}})
}})}
,// 更新舊值
putdatas:
function
(db, storename, dataarr, callback));
this
.getdatabycursor
(db, storename)
.then
(arr =>
; request.
onsuccess
=function
(result)};
}}else})
;});
}else
; request.
onsuccess
=function
(result)};
}}})
}})}
,//根據key修改數量
updatedatabykey:
function
(db, storename, value,
qty, addtime)
else};
})},
updatedatabycode:
function
(db, storename, value,
qty)
else};
})},
//根據key修改數量
updatedatabykeys:
function
(db, storename, value, addtime, callback)
else};
})},
// 刪除資料
deletedata:
function
(db, storename, key, callback)},
// 清空資料
cleardata:
function
(db, storename, callback)},
// 通過key獲取資料
read:
function
(db, storename, counter, barcode)
else}}
)},// 通過barcode獲取資料
reads:
function
(db, storename, values)
else};
})},
//根據counter索引查詢資料
getdatabycounter:
function
(db, storename, values)
else}}
)},//根據主鍵和索引查詢
getall:
function
(db, storename, counter, barcode)
else}}
)},//根據key查詢數量是否存在
getqtybykey:
function
(db, storename, key)
;return
newpromise
((resolve, reject)
=>
else};
})},
// //通過游標遍歷資料
getdatabycursor:
function
(db, storename)
else};
})},
//查詢所有的櫃檯
getallcounter:
function
(db, storename)}}
)}, getdata:
function
(db, storename)
else};
})},
getqtybyqtyindex:
function
(db, storename)
else}}
)}}
handsumit()
).show()
;}else
,function
(db)],
function()
);}else],
function()
);}}
});}
);this
.barcode ="";
}},
Vue中watch的簡單應用
computed 和 watch 1 computed 有快取，data 不變擇不會重新計算 2 watch的深度監聽 監聽引用型別 3 watch 監聽引用型別，拿不到oldval 一 watch的普通監聽 如果對應乙個物件，鍵是觀察表示式，值是對應 值也可以是方法名，或者是物件，包含選項。exp...
set在vue中的應用案例
vue中this.set在官方api中是這樣說的 引數 target propertyname index value 返回值 設定的值。用法 向響應式物件中新增乙個屬性，並確保這個新屬性同樣是響應式的，且觸發檢視更新。它必須用於向響應式物件上新增新屬性，因為 vue 無法探測普通的新增屬性 比如t...
fetch函式在vue中的應用
fetch提供了乙個獲取資源的介面 包括跨域請求 fetch 在於對 http 介面的抽象，包括 request，response，headers，body，以及用於初始化非同步請求的 global fetch。其中，global fetch方法的語法定義 fetch input init inpu...