Canvas 扫雷

在写这篇文章的时候，确实有一点点小困了。但是对于IndexDB数据库研究了整整三天的心血，在蓝瘦，香菇还是决定把这个东西介绍给大家。目前IndexDB数据库已经发展的很快了，IndexedDB的储存空间比localStorage大得多，一般来说不少于250MB。IE的储存上限是250MB，Chrome和Opera是剩余空间的某个百分比，Firefox则没有上限。对于传统的Cookie最多也就4KB，

indexedDB indexDB是HTML5的新概念，用于将数据存储再用户的浏览器中，它是一个非关系型数据库，会将数据集作为个体对象存储，数据形式使用的是JSON ndexeddb比本地存储更强大，可用于需要存储大量数据的应用程序。这些应用程序可以更高效地运行，并且加载速度更快。 对象仓库objectStore 一个数据库中可以包含多个objectStore，objectStore可以存放多种类型数据，就相当于是一张表，可以使用每条记录中的某个指定字段作为键值（keypath），也可以使用自动生成的递增数

IndexedDB数据库没有我们想象的那么复杂，了解了它的几个基本概念，上手还是很快的，无非就是增删改查等等，虽然可能开发中用的少，但是了解一下不至于真正用到的时候两眼抓瞎。

在 react 中，css 样式默认是全局生效的，想要使样式局部生效可以使用以下方案 给 css 文件名加一个 .module.css 后缀，编译后的 css 样式文件就会导出一个对象，为每个选择器起一个随机名字 // 文件名假设为 index.module.css .box { width: 50px; height: 50px; } // 在这个文件中设置全局样式 :global(.active) { color: red; } import React, { Co.

手把手教你做扫雷（附代码）

扫雷小游戏作为windows自带的一个小游戏，受到很多人的喜爱，今天我们就来尝试使用h5的canvas结合js来实现这个小游戏。 要写游戏，首先要明确游戏的规则，扫雷游戏是一个用鼠标操作的游戏，通过点击方块，根据方块的数字推算雷的位置，标记出所有的雷，打开所有的方块，即游戏成功，若点错雷的位置或标记雷错误，则游戏失败。 具体的游戏操作如下 1.可以通过鼠标左键打开隐藏的方块，打开后若不是雷，...

扫雷小游戏作为windows自带的一个小游戏，受到很多人的喜爱，今天我们就来尝试使用h5的canvas结合js来实现这个小游戏。要写游戏，首先要明确游戏的规则，扫雷游戏是一个用鼠标操作的游戏，通过点击方块，根据方块的数字推算雷的位置，标记出所有的雷，打开所有的方块，即游戏成功，若点错雷的位置或标记雷错误，则游戏失败。具体的游戏操作如下1.可以通过鼠标左键打开隐藏的方块，打开后若不是雷，则会向四个方...

扫雷是一个非常经典的游戏，记得在第一次接触的windows 3.22 上就有扫雷了，到现在的Win7，依然保留着这个经典的游戏，结合Html5 Canvas，模仿Win7的UI，将老板扫雷进行了升级。在 FireFox, Chrome, 和 IE9 下测试通过。 实现中设计的类: CellInfo, MineInfo, InfoProcess, CellRender, MineArea,...

【代码】IndexedDB-增查示例。

当我们开发复杂的Web应用时，常常需要在客户端存储大量数据。你可能听过 `localStorage`或者 `sessionStorage`，但它们在存储空间和功能上都有限。而今天我们要聊的，是一个功能更强大的技术：**IndexedDB**。IndexedDB是一个运行在浏览器中的非关系型数据库。它让你能够存储大量的数据，并具有高性能的查询能力。不像localStorage只能存储字符串，IndexedDB可以存储各种类型的数据，比如文件、Blob，以及你可以想到的其

作者 | 阮一峰 1、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过 4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义的索引。所以，需要一种新的解决方案，这就是 IndexedDB 诞生的背景。 通俗地说，IndexedDB 就是浏览器提

【代码】【前端】之IndexedDB实现增删改查，包含简单示例。

React之IndexedDB之Dexie 一、概述 IndexedDB 是一个基于 JavaScript 的面向对象数据库，类似于基于 SQL 的 RDBMS，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。 我们这里使用Dexie.js来操作IndexedDB。 二、使用 官方文档：https://dexie.org/docs/Tutorial/React 示例 创建数据库 import Dexie, { Table } from 'dexie'; exp

代码】docker容器中直接修改react的ts代码后提交未生效问题。

从19年到20年,笔者利用空余时间陆陆续续做了一些开源项目, 大部分开源项目都立足于企业实际业务需求, 所以笔者觉得有必要做一个总结和复盘,在复盘的过程中希望也能对大家有所帮助.今后笔者...

通俗地讲，缓存可以分为HTTP缓存和本地缓存 HTTP缓存又可以分为强缓存和协商缓存 强缓存即 不会向服务器发送请求，直接从缓存中读取资源 请求返回200的状态码 在chrome控制台的network选项中可以看到size显示from disk cache或from memory cache。 from memory cache代表使用内存中的缓存，from disk cac...

说说react中引入css的方式

最近开始自学react框架，并总结一些路上的坑，避免大家走弯路 一、业务场景： 在引入组件的时候，由于想保留文件样式的独立性，不影响其他组件。 像平常一样引入的话没有效果。 Vue使用的scope，但是react就稍微有一些繁琐了 二、解决方案： 这里需要给css文件，添加上module前缀，并且引用时，需要从文件中导出一个变量，通过变量来取文件中的class名称， 三、实现过程： 1、创建css文件，注意格式（Child.module.css） .mod{ color: pink; } 2、