This article examines the security, performance, capacity, and query limitations of localStorage, explains how IndexedDB addresses each issue with asynchronous APIs, larger storage, stronger security, and advanced indexing, and introduces helper libraries that simplify its use.
This article introduces the open‑source log‑lottery project, a Vue 3 and Three.js‑based 3D lottery tool, explains its configuration options, core features, tech stack, and provides a step‑by‑step guide to clone, install, run, and deploy the application.
This article examines the security risks, synchronous blocking, size limits, and query shortcomings of localStorage, then shows how IndexedDB’s asynchronous API, larger storage capacity, stronger security model, and advanced indexing make it the superior choice for modern web applications.
While localStorage has long been the default client‑side storage for web apps, its security risks, synchronous blocking, limited capacity, and lack of advanced querying make it unsuitable for modern applications, and IndexedDB emerges as a superior, asynchronous, high‑capacity, secure, and query‑rich alternative, especially when paired with helper libraries like idb, Dexie.js, and localForage.
This article examines the security, performance, and capacity limitations of localStorage and explains how IndexedDB offers asynchronous operations, larger storage, stronger security, and advanced query capabilities, while also recommending helper libraries to simplify its use.
This article examines the security, performance, and capacity limitations of localStorage and explains how IndexedDB offers asynchronous operations, larger storage, stronger security, and advanced querying, supported by real‑world migration examples and helpful libraries.
The article presents a comprehensive strategy for handling API outages by storing data locally with IndexedDB, synchronizing updates through a CDN, and implementing Axios interceptors and Node‑based scheduled jobs to ensure seamless user experience without white‑screen failures.
The case study details how the Cloud Editing team tackled severe waveform loading delays, zoom lag, and inefficient IndexedDB storage by refactoring the processing pipeline, standardizing multi‑transaction storage, adding monitoring and cleanup tools, and rigorously testing releases, ultimately cutting processing times by over half and dramatically improving user experience.
This article explains the limitations of traditional web storage, introduces IndexedDB and the localForage library as a simplified, asynchronous, and high‑capacity solution for client‑side data persistence, and provides practical code examples and Vue Pinia integration.
This article provides a comprehensive introduction to IndexedDB, covering its concepts, key objects, versioning, transactions, and CRUD operations with detailed JavaScript examples, enabling developers to quickly build client‑side databases for modern web applications.
This article surveys recent frontend developments, explaining why ChatGPT uses EventSource instead of WebSocket, promoting IndexedDB as the new storage favorite, celebrating Chakra UI’s growth, detailing async‑validator’s role in form validation across major UI libraries, and summarizing the new features introduced in ECMAScript 2023.
This guide explains how to create a Chrome extension that intercepts image downloads from design tools, compresses PNG files using WebAssembly‑compiled pngquant and advpng, uploads the optimized assets to a CDN, and manages them with IndexedDB for efficient front‑end workflows.
This article explains how the Crystal WebGL engine leverages IndexedDB to reduce network requests, accelerate three‑dimensional data loading, and implement efficient caching and update mechanisms, thereby significantly improving overall rendering performance and user experience.
This article explores using IndexedDB for large‑scale client‑side data storage, covering database creation, CRUD wrappers, bulk inserts, performance testing, and multi‑tab coordination via BroadcastChannel and leader election, while providing practical code samples and optimization tips for robust offline logging.
This article explains the architecture, features, and compatibility of IndexedDB, compares it with traditional storage options, introduces the localForage library for simplified asynchronous storage, and provides practical code examples for managing data and caching video content in web applications.
This article provides a comprehensive guide to client‑side caching, covering HTTP strong and conditional caching, cache‑control directives, and local storage options such as cookies, localStorage, sessionStorage, and IndexedDB, while offering practical strategies for cache refresh, browser cache principles, and offline application design.
This article explains the fundamentals and strategies of client‑side caching, covering HTTP cache mechanisms (strong and negotiated caching), cache‑control directives, cookie storage, localStorage, sessionStorage, and IndexedDB, and provides practical guidelines for optimizing web performance and reducing network load.
This article introduces a React‑powered project that recreates a simplified Windows 10 desktop experience in the browser, detailing its multi‑user support, persistent file system using LocalStorage and IndexedDB, core features, missing components, setup instructions, and the open‑source libraries it relies on.
This article introduces GoDB.js, a TypeScript‑based wrapper for IndexedDB that provides a concise, schema‑aware CRUD API, hides asynchronous connection handling, and offers batch operations, making client‑side data storage in modern web apps much easier.
This article comprehensively explains web caching fundamentals, HTTP cache mechanisms, strong and negotiated caching stages, cache control headers, and advanced strategies like IndexedDB, Service Workers, and CDN caching, helping front‑end developers design optimal cache policies for faster, more efficient web applications.
This article shows front‑end developers how to overcome missing back‑end services by using IndexedDB with Dexie.js to create a mock API, structuring a simple message‑board app, and leveraging Vuex for clean separation, enabling rapid development and easier later integration.
This article introduces Service Workers as the core technology of progressive web apps, explains their advantages, security constraints, lifecycle events, CacheStorage API usage, various caching strategies, version‑controlled caching with webpack, background synchronization, and demonstrates how to pass data using IndexedDB, all illustrated with complete code examples.
Logan Web is Meituan‑Dianping’s open‑source front‑end logging SDK that stores encrypted logs in IndexedDB, triggers batch uploads on exceptions or user actions, and integrates with server‑side services and a visual analysis platform to provide end‑to‑end traceability for massive web traffic.
This article introduces IndexedDB as a client‑side non‑relational database, explains its core concepts and API objects, and provides a step‑by‑step code example for creating, reading, updating, and deleting records, while also recommending helper libraries to simplify development.
This article explains how to create a front‑end monitoring client that captures global JavaScript errors, tracks resource loading and page performance metrics, intercepts AJAX and fetch requests, gathers PV/UV statistics, and reports data using various strategies such as image beacons, POST, and IndexedDB storage.
This article analyzes the challenges of reproducing external‑network bugs, outlines common failure causes, and presents a complete design for a JavaScript SDK that records environment data, AJAX calls, errors, and user actions, stores them in IndexedDB, and visualizes the timeline for efficient troubleshooting.
This article explains the design and implementation of a front‑end user behavior tracing system, covering common external network problems, the importance of collecting runtime environment, data, JS errors, and interaction logs, and detailing SDK data collection, reporting strategies, server processing, and query platform visualization.
IndexedDB provides a powerful, asynchronous key‑value storage solution for browsers, enabling large offline data sets, transactional operations, object stores, indexes, and cursor‑based queries; this guide walks through opening databases, creating stores and indexes, adding, retrieving, updating, deleting records, and handling limitations.
Safari 10.0 brings comprehensive support for IndexedDB, Shadow DOM, ES6, WebGL, advanced CSS properties, media autoplay, picture‑in‑picture, WebDriver, and native Apple Pay integration, enabling developers to build richer offline‑capable, secure, and high‑performance web applications on macOS and iOS.
An in‑depth guide to the evolution of browser storage—covering cookies, Web Storage (localStorage/sessionStorage), IndexedDB, WebSQL, and related APIs—explains their concepts, usage, compatibility, and provides practical code examples for reading, writing, and managing data across modern browsers.
This article provides a comprehensive overview of common browser storage technologies—including Cookies, Web Storage (localStorage and sessionStorage), IndexedDB, WebSQL, Application Cache, and Service Workers—explaining their purposes, compatibility, and offering practical code examples for each.
This article introduces HTML5’s offline storage features, details six caching mechanisms—including browser cache, Web Storage, Web SQL, AppCache, IndexedDB, and the File System API—explains their principles, usage, and limitations, and demonstrates how to leverage them for improved mobile web performance in Android WebView.
