当前位置: 首页 > news >正文

济南网络广播电视台搜索引擎优化是做什么

济南网络广播电视台,搜索引擎优化是做什么,克隆网站后怎么做,wordpress手机不能看视频一、什么是 localForage 当我们的存储量比较大的时候,我们一定会想到我们的 indexedDB,让我们在浏览器中也可以 使用数据库这种形式来玩转本地化存储,然而 indexedDB 的使用是比较繁琐而复杂的, 有一定的学习成本,但 …

一、什么是 localForage

当我们的存储量比较大的时候,我们一定会想到我们的 indexedDB,让我们在浏览器中也可以
使用数据库这种形式来玩转本地化存储,然而 indexedDB 的使用是比较繁琐而复杂的,
有一定的学习成本,但 localForage 的出现几乎抹平了这个缺陷,让我们轻松无负担的在
浏览器中使用 indexedDB。localStorage如果存储内容多的话会消耗内存空间,会导致页面变卡。
那么 IndexedDB 存储量过多的话会导致页面变卡吗?不会有太大影响,因为 IndexedDB 的读取和存储都是异步的,不会阻塞浏览器进程。IndexedDB 的储存空间比LocalStorage 大得多,一般可达到500M,甚至没有上限。而localForage 是基于 indexedDB 封装的库,通过它我们可以简化 IndexedDB 的使用。

若浏览器不支持 IndexedDB 或 WebSQL,则使用 localStorage。在所有主流浏览器中都可用:Chrome,Firefox,IE 和 Safari(包括 Safari Mobile)。

二、localForage 的使用

1,安装和引入

npm install localforage
import localforage from 'localforage'

2、创建一个 indexedDB

const myIndexedDB = localforage.createInstance({name: 'myIndexedDB',
})

3、存储

myIndexedDB.setItem(key, value)

4、取值(由于indexedDB的存取都是异步的,建议使用 promise.then() 或 async/await 去读值)

myIndexedDB.getItem('somekey').then(function (value) {// we got our value
}).catch(function (err) {// we got an error
});

或者

try {const value = await myIndexedDB.getItem('somekey');// This code runs once the value has been loaded// from the offline store.console.log(value);
} catch (err) {// This code runs if there were any errors.console.log(err);
}

 5、删除

myIndexedDB.removeItem('somekey')

6、重置数据库

myIndexedDB.clear()


VUE3 推荐使用 Pinia 管理 localForage

// store/indexedDB.ts
import { defineStore } from 'pinia'
import localforage from 'localforage'export const useIndexedDBStore = defineStore('indexedDB', {state: () => ({filesDB: localforage.createInstance({name: 'filesDB',}),usersDB: localforage.createInstance({name: 'usersDB',}),responseDB: localforage.createInstance({name: 'responseDB',}),}),actions: {async setfilesDB(key: string, value: any) {this.filesDB.setItem(key, value)},}
})

 我们使用的时候,就直接调用 store 中的方法

import { useIndexedDBStore } from '@/store/indexedDB'
const indexedDBStore = useIndexedDBStore()
const file1 = {a: 'hello'}
indexedDBStore.setfilesDB('file1', file1)

 《完》

http://www.hengruixuexiao.com/news/24551.html

相关文章:

  • 上线了做的网站可以登陆营销策划公司排行榜
  • 上海网站建设公司sky河南网站定制
  • 石家庄服务大型建站济宁百度推广公司
  • 旅行社网站方案网推渠道
  • 大红门做网站免费的网络推广有哪些
  • 沭阳网站定制发帖子最好的几个网站
  • 佛山新网站建设方案百度指数峰值查询
  • 美空间网站app推广方案
  • 福州高端网站定制网络培训心得体会
  • 网站权重是怎样进行传递的推广网站制作
  • 一个网站做数据维护需要多久哈尔滨优化推广公司
  • 中小型企业网站建设与推广互联网推广好做吗
  • 网站制作时如何分析竞争对手湖北荆门今日头条
  • 如何做网站的百科长春seo优化
  • 自己做一网站网站推广宣传语
  • 网站开发速成宁波seo推荐推广平台
  • 网站开发技术考试题目百度地图3d实景地图
  • 建一个所在区域网站需要多少资金b2b模式的电商平台有哪些
  • 凉山州建设银行官方网站seo入门课程
  • 宜昌网站设计制作公司千锋教育培训收费一览表
  • 昆山建设银行网站首页搜索竞价托管
  • 做公众号首图的设计网站宁波seo外包方案
  • 网站风格定位千峰培训多少钱
  • 想建网站做优化自己做网站流程
  • 门业网站模板下载百度seo推广怎么收费
  • php网站进后台谷歌play商店
  • wordpress全站固定链接关键词查网址
  • 视频网站软件有哪些seo关键词排名优化评价
  • 百度收录不到我的网站武汉网站建设推广公司
  • 做个网站需要哪些东西重庆百度竞价推广