Skip to content

Commit

Permalink
添加项目代码
Browse files Browse the repository at this point in the history
  • Loading branch information
jinhuid committed Jan 17, 2025
1 parent 1f64ce8 commit 0a0eb9c
Show file tree
Hide file tree
Showing 23 changed files with 813 additions and 495 deletions.
30 changes: 30 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
.DS_Store
dist
dist-ssr
coverage
*.local

/cypress/videos/
/cypress/screenshots/

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

*.tsbuildinfo
3 changes: 3 additions & 0 deletions .vscode/extensions.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"recommendations": ["Vue.volar"]
}
14 changes: 2 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,8 @@
# 一个使用vue3写的扫雷小游戏

## 小巧 轻快 点击即玩
- 扫雷 :[在线地址](https://jinhuid.github.io/Minesweeper/)

## 获得源码
> 下载index.html 或点击一键复制
# 一个使用vue3写的扫雷

## 实现功能
+ 支持自定义难度
+ 缓存关卡配置
+ 防止首次点击爆炸
+ 标旗子
+ 游戏计时
+ 游戏通过或失败判断等

## 最后
> 一开始只是想写着玩玩的 所以就一个html文件就完事了 但是看到别人的扫雷支持100 * 100的规模游戏 我发现我的上这个规模有些?卡卡的?那必不服输啊 所以在原本的基础上继续改了。这个游戏 我使用vue3来完成的 本来是想快点看到效果的 过程中 我才发现reactive的读取性能不是那么好 而这个游戏那就是大量的访问属性 给我整不会了 最后改成了 先操作原始数据 然后手动触发依赖来更新视图 性能还是不错滴 但是dom嘛 毕竟还是dom 跟canvas比不了 需要渲染大量的dom 不过这样也是没办法了 。最后100 * 100的规模话的还是能玩的 优化不了了 水平不够。原本是想快速开发的 最后我的感受是找罪受 。。。
+ 游戏通过或失败判断
Binary file added bun.lockb
Binary file not shown.
1 change: 1 addition & 0 deletions doc/assets/index-DB6ePYoM.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

17 changes: 17 additions & 0 deletions doc/assets/index-DwXgXzQ0.js

Large diffs are not rendered by default.

14 changes: 14 additions & 0 deletions doc/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<script type="module" crossorigin src="./assets/index-DwXgXzQ0.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-DB6ePYoM.css">
</head>
<body>
<div id="app"></div>
</body>
</html>
1 change: 1 addition & 0 deletions env.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/// <reference types="vite/client" />
Loading

0 comments on commit 0a0eb9c

Please sign in to comment.