首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端实验室

    LocalStorage不够用?那就该试试这个

    后来发现了 Dexie.js。 Dexie.js简介和优势 Dexie.js,是一个强大、简单的 JavaScript 库,它对浏览器IndexexDB 进行了封装,我们可以很轻松地管理浏览器端的数据。 轻量级 Dexie.js 是一个轻量级的库,体积小巧,加载速度快,没有其他依赖。 Dexie.js 安装使用 安装 我们可以从 CDN 引入 js 文件。 npm install dexie // or yarn add dexie 使用 Dexie.js提供了丰富完善的文档,还针对主流框架提供了使用指南。 yarn add dexie-react-hooks 接着,获取一个数据库实例 import Dexie from 'dexie'; var db = new Dexie("前端实验室") // 这里的

    95820编辑于 2023-11-16
  • 来自专栏不换的随想乐园

    不换的周刊 第42期

    Simulate external updates to counter... setInterval(() => counter.set(counter.get() + 1), 1000); 4.Dexie [5] 相关地址:https://github.com/dexie/Dexie.js 继 localForge 之后的又一个 IndexDB 包装器,但是二者的应用场景,我个人觉得不同。 LocalForge 的兼容性更胜一筹,但是 Dexie 在 DB 友好性上,进一步封装了对于 IndexDB 的操作难度。 posts/vitepress-1.0 [4] JavaScript Signal 提案: https://github.com/proposal-signals/proposal-signals [5] Dexie : https://github.com/dexie/Dexie.js [6] 免费分配 js.org 后缀的域名: https://js.org/ [7] Web OCR: https://simonwillison.net

    23510编辑于 2024-04-30
  • 来自专栏前端自习课

    【Web技术】630- 前端存储除了 localStorage 还有啥

    2.5 Dexie.js ❝A Minimalistic Wrapper for IndexedDB. https://github.com/dfahlander/Dexie.js ❞ Dexie.js Dexie.js 主要为了解决原生 IndexedDB API 中存在的三个主要问题: 异常错误处理。 较弱的查询功能。 代码复杂性。 为了便于开发者接入 Dexie.js,在 Dexie.js 官网中提供了丰富的示例: React + Dexie React + Redux + Dexie Dexie with Typescript Angular + Dexie Dexie with Electron Full Text Search 以上只列出部分示例,了解更多示例请访问:Dexie.js - Samples(https://dexie.org

    2.8K30发布于 2020-06-24
  • 来自专栏前端迷

    Electron实践笔记

    借鉴了 Desktop 的代码后,重构了数据持久化部分,也采用了 Dexie[9],它是对浏览器标准数据库 indexedDB 的一个封装。 从它的 Readme 可以看到它主要解决了 indexedDB 的三个问题: 不明确的异常处理 查询很烂 代码复杂 import Dexie from 'dexie'; export interface : number; name: string; filePath: string; } export class ProjectsDatabase extends Dexie { public 具体可以参考 Dexie 官方文档[10]。 2. 简单数据持久化 一些 UI 状态的标志位存储(比如某个弹窗是否显示过),我们一般会把这种标志位存储到 localStorage 中。 : https://github.com/dfahlander/Dexie.js [10] Dexie 官方文档: https://dexie.org/docs/ [11] 源码详见: https://

    1.3K10发布于 2019-10-22
  • 来自专栏全栈修仙之路

    前端存储除了 localStorage 还有啥

    2.5 Dexie.js ❝ A Minimalistic Wrapper for IndexedDB. https://github.com/dfahlander/Dexie.js ❞ Dexie.js 是 IndexedDB 的包装库,它提供了一套经过精心设计的 API,强大的错误处理,较强的可扩展性 Dexie.js 主要为了解决原生 IndexedDB API 中存在的三个主要问题: 异常错误处理。 较弱的查询功能。 代码复杂性。 为了便于开发者接入 Dexie.js,在 Dexie.js 官网中提供了丰富的示例: React + Dexie React + Redux + Dexie Dexie with Typescript Angular + Dexie Dexie with Electron Full Text Search 以上只列出部分示例,了解更多示例请访问:Dexie.js - Samples(https://dexie.org

    3.2K30发布于 2020-06-18
  • 来自专栏taixingyiji的博客笔记

    Vue typescript 如何极限压缩编译静态资源

    /cdn.bootcdn.net/ajax/libs/echarts/4.7.0/echarts-en.min.js', 'https://cdn.bootcdn.net/ajax/libs/dexie /3.0.3/dexie.min.js', 'https://cdn.bootcdn.net/ajax/libs/js-cookie/2.2.1/js.cookie.min.js', ' : 'Dexie', 'js-cookie': 'Cookies', nprogress: 'NProgress' } /3.0.3/dexie.min.js', 'https://cdn.bootcdn.net/ajax/libs/js-cookie/2.2.1/js.cookie.min.js', ' : 'Dexie', 'js-cookie': 'Cookies', nprogress: 'NProgress' }

    1.7K10编辑于 2022-07-25
  • 来自专栏ThinkSNS

    社交软件系统ThinkSNS+产品技术概要

    Mysql 5.7+ 运行环境:IE10+ / Chrome / Firefox / Safari 等支持ES5语法和Flex布局的浏览器 额外内容:Lodash + Axios + easemob + Dexie JavaScript (ES6) 开发环境:VS Code / ES Lint / nodejs 8+ / vue-dev tools 额外内容:Lodash + Axios + easemob + Dexie

    1K20发布于 2019-05-20
  • 来自专栏相约机器人

    用AI「驯服」人类幼崽:这个奶爸找到了硬核带娃的乐趣

    他有一个两岁半的儿子,名叫 DexieDexie 非常活泼,喜欢动物,尤其是老鹰,经常学老鹰在家里飞来飞去。 ? 因为看到鹰的翅膀并同步移动自己的手臂,可以帮助 Dexie 快速学习如何控制这个游戏,并拥有一个更沉浸式的体验。 自行构建 3D 游戏引擎并非易事,可能需要好几周的时间。 这样我就可以不时地设置 Griffin 身体的目标旋转角度,之后这一旋转目标将通过手势识别模块自行设置,该模块可以映射 Dexie 胳膊的方向。 我增强了静态 3D 模型管理,以支持层级结构。 起飞 最后,是时候让 Dexie 用 Griffin 尝试第一次飞行了,这才是真正的大考。我在客厅里架设好了系统,我儿子一直在不耐烦地等待行动。 ? Dexie 使用 Griffin 飞行的经历。 有意思的是,Dexie 有次快要撞山时,他奋力扬起手臂想要来个急转弯,但由于我设置了最大旋转角度限制,Griffin 不允许他飞特别极限的角度,随后他就撞了山…… 当时是这个样子: Dexie 在 Griffin

    1.1K30发布于 2021-01-14
  • 来自专栏博文视点Broadview

    用AI「驯服」人类幼崽,手头有娃的可以试试

    他有一个两岁半的儿子,名叫 DexieDexie 非常活泼,喜欢动物,尤其是老鹰,经常学老鹰在家里飞来飞去。 因为看到鹰的翅膀并同步移动自己的手臂,可以帮助 Dexie 快速学习如何控制这个游戏,并拥有一个更沉浸式的体验。 自行构建 3D 游戏引擎并非易事,可能需要好几周的时间。 Griffin 系统的校准与测试 起飞 最后,是时候让 Dexie 用 Griffin 尝试第一次飞行了,这才是真正的大考。我在客厅里架设好了系统,我儿子一直在不耐烦地等待行动。 Dexie 使用 Griffin 飞行的经历 我只演示了一遍如何控制 Griffin 系统,跳一下就是起飞,展开手臂依靠姿势控制翅膀,Dexie 就学会了。 有意思的是,Dexie 有次快要撞山时,他奋力扬起手臂想要来个急转弯,但由于我设置了最大旋转角度限制,Griffin 不允许他飞特别极限的角度,随后他就撞了山…… 当时是这个样子: Dexie 在 Griffin

    66120编辑于 2023-05-19
  • 来自专栏Web技术学苑

    IndexDB实现一个本地数据库的增删查改

    并且,这里我没有直接用原生IndexDB,而是使用了官方文档推荐的一个库dexie.js[2],因为官方原生API太难用了,而这个库是对原生IndexDB的二次封装,使用起来更高效 index.html /js/dexie.min.js"></script> </body> </html> 然后我们引入业务js ... { ...toRefs(useInfo) } } // IndexDB hooks export const useIndexDB = () => { const db = new Dexie 在我们新增操作,然后刷新的过程中主要发生了什么呢 其实IndexDB主要做了以下几件事情 // hooks/index.js // 1 建立连接,创建db const db = new Dexie : https://dexie.org/docs/API-Reference [3]code example: https://github.com/maicFir/lessonNote/tree/master

    1.6K20编辑于 2022-07-28
  • 来自专栏GPUS开发者

    天才老爸用Jetson NANO给娃做了一个会说话的泰迪熊

    看这个天才老爸如何用Jetson NANO做一个带娃机器人 老爸用Jetson AGX Xavier开发套件给娃插上翱翔的翅膀 这次,他用GPT-3 和计算机视觉,利用Jetson NANO,将儿子 Dexie 例如,当 Ellee 第一次看到 Dexie 时,控制器创建了一个以 Dexie 作为焦点人物的新会话。 然后控制器将从瞄准模块获取 Dexie 的边界框位置,计算并将新的航向和俯仰角发送到头部运动模块作为新目标,以便它的头部开始跟随他。 当 Dexie 保持可见超过两秒时,控制器将指示语音模块向他打招呼并开始收听。 当 Dexie 不再可见超过 10 秒时,控制器将重置对话会话并准备好寻找下一个可见的人。

    2.1K10编辑于 2022-07-18
  • 来自专栏WecTeam

    Electron实践笔记

    借鉴了 Desktop 的代码后,重构了数据持久化部分,也采用了 Dexie[9],它是对浏览器标准数据库 indexedDB 的一个封装。 从它的 Readme 可以看到它主要解决了 indexedDB 的三个问题: 不明确的异常处理 查询很烂 代码复杂 import Dexie from 'dexie'; export interface : number; name: string; filePath: string; } export class ProjectsDatabase extends Dexie { public 具体可以参考 Dexie 官方文档[10]。 2. 简单数据持久化 一些 UI 状态的标志位存储(比如某个弹窗是否显示过),我们一般会把这种标志位存储到 localStorage 中。 : https://github.com/dfahlander/Dexie.js [10] Dexie 官方文档: https://dexie.org/docs/ [11] 源码详见: https://

    1.4K30发布于 2019-12-24
  • 来自专栏从零开始学 Web 前端

    上传图片后如何不依赖后端回显?你可能需要indexedDB存储技术

    (感觉像是在线办公软件的临时离线场景,不适用于本节意义上的纯离线场景) Github地址:https://github.com/pouchdb/pouchdb 3、Dexie.js(6.6K star) Dexie.js是indexedDB的封装库。 Github地址:https://github.com/dfahlander/Dexie.js 4、idb(3.7K star) 这是一个很小的库(大约1.09k),主要反映了IndexedDB API

    2.6K20发布于 2021-11-10
  • 来自专栏liulun

    大型Electron应用本地数据库技术选型

    create_time: new Date(), }]; module.exports = messages IndexedDB环境 IndexedDB的测试代码是在渲染进程中执行的,代码如下: let Dexie = require('Dexie'); const db = new Dexie('db'); db.version(1).stores({ message: '++, message_from, SQLite的Node module最后才转到SQLite的C代码,这个过程可能是性能损耗的一大主要原因 最后: 综合对比下来,大型Electron应用更推荐使用IndexedDB来存储业务数据 (由于有Dexie

    7.6K40发布于 2020-06-09
  • 来自专栏云前端

    用NW.js构建跨平台桌面应用(4)-数据持久化

    }, 2000); }; 4.3 完整接口文档 https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API 4.4 第三方封装实现 Dexie : http://dexie.org/ var db = new Dexie("friend_database"); db.version(1).stores({ friends: 'name,shoeSize

    2.4K20发布于 2020-06-15
  • 多平台文章自动同步助手插件,发文提效工具——开源免费推荐

    富文本编辑器Medium✅✅英文平台️技术栈前端框架:Vue3+TypeScript构建工具:Vite+pnpm(monorepo)UI框架:NaiveUI+UnoCSS数据存储:IndexedDB(Dexie.js

    49810编辑于 2026-02-05
  • 来自专栏learn-anything.cn

    除了缓存,浏览器还有哪些存储数据的方式?

    Dexie.js IndexedDB 的扩展库,简单易用。 ZangoDB 类似 MongoDB 的 IndexedDB 接口,支持 MongoDB 的大多数熟悉的过滤、投影、排序、更新和聚合功能。

    1.9K30编辑于 2021-12-27
  • 来自专栏漫画前端

    2022 前端技术领域这些新变化,你准备好了吗?

    可能是利空) typeorm: https://www.npmjs.com/package/typeorm 浏览器离线存储解决方案 所有的前端离线状态存储,响应式是标配 https://github.com/dexie /Dexie.js/releases/tag/v3.2.0 rxdb: https://www.npmjs.com/package/rxdb Json-schema 进一步应用 typescript 解决了编译前的问题

    1.4K10编辑于 2022-03-14
  • 来自专栏前端

    开发者工具中的 IndexedDB 实战指南:离线存储、缓存优化,玩转浏览器数据库!

    强烈推荐使用封装库:Dexie.js, idb (Jake Archibald 的轻量封装) 等。它们提供 Promise API,代码清爽几十倍! Dexie.js?idb?还是其他?为啥?

    1.7K30编辑于 2025-07-16
  • 来自专栏玩转全栈

    做了三0年前端,才发现离线同步用这个1.5k+ fork的库,可以这么简单

    Dexie.js:查询语法很友好,但也不支持服务端同步。SQLite(WASM版):性能猛,但体积大(2MB+),还有并发锁问题。

    20400编辑于 2025-12-30
领券