主頁 > 前端設計 > c語言寫掃雷新手詳解

c語言寫掃雷新手詳解

2020-09-18 23:09:19 前端設計

c語言寫掃雷新手詳解

  • 一、用到的知識點
    • 1、分支陳述句
    • 2、回圈陳述句
    • 3、二維陣列
    • 4、最好分塊，使代碼的功能更加獨立，思維邏輯更加清楚，此程式我寫了：test.c用來存放我的主函式，game.h用來定義和宣告函式，還有放置頭檔案，然后定義了game.c來實作函式
  • 二、思緒和代碼
    • 1、想要做出這個游戲，最起碼有一個選單讓人選擇是否開始游戲，因此我們需要先寫出一個選單程式，最簡單的選單資料如下：
    • 2、當我們有選單了，我們現在就可以開始選擇是否進行游戲了，也就可以開始書寫我們的主函式了，寫的時候需要考慮到玩家可能想玩不止一次，因此我們需要用到回圈，因為最起碼要玩一次，所以這里建議使用do while陳述句，并且要考慮到玩家可能選擇錯誤，沒有選擇到play和exit，這里建議將switch陳述句嵌套進do while陳述句里面，下面實作代碼：
    • 3、當我們的選單框架做出來以后，現在開始填充游戲內容，用函式game()，這里面寫選擇進入游戲后的操作，運用函式進行分塊，可以使你的代碼更有邏輯，建議運用，下面將詳細解說如何思考和書寫這個game()函式：
      • （1）我們想要實作一個比較簡單的9*9的掃雷，最起碼我們需要棋盤，可以進行放雷和掃雷，因為需要兩個功能，這里我們盡量讓他們的功能獨立起來，因此定義兩個二維陣列，并且我們需要考慮到，如果掃雷的時候，我們需要排查最邊上的格子，如果直接進行排查，將會發生越界，因為你只定義了9\*9，其實排查邊上的格子的時候你已經掃描到了11\*11大小的格子，因此定義的時候，我們最好定義一個11\*11的棋盤，但是我們只列印9\*9的出來，這樣就可以防止他越界，示例代碼如下：
      • （2）現在兩個二維陣列已經構造好了，我們需要對其進行初始化，使得我們可以更好地列印掃雷的棋盤，這里在初始化放雷棋盤的時候，將其初始化為字符'0'，這里需要注意，此處是個伏筆，為了方便后面的排雷程式，初始化代碼如下：
      • (3)現在我們需要將我們設計好的棋盤列印出來，注意，我們設計了11\*11的，但是我們只列印9\*9的，在列印的時候，我們還可以順便檢查一下，我們的放雷陣列是否初始化成功，代碼如下：
      • (4)現在棋盤列印好了，我們需要開始給里面放置雷，為了不把代碼寫死，一會雷的數量，我們會通過#define來實作，在放置雷的時候我們還要考慮到此處是否已經有雷，還有雷的位置需要有隨機性，這里用到了rand(),srand(),time()，因此一會需要書寫頭檔案，代碼如下：
      • (5)現在棋盤有了，雷也放置好了，可以開始進行掃雷了，掃雷的時候先要判斷這個位置是否已經被掃過了，如果掃過，重新掃，如果沒有掃過，我們需要開始判斷，這個地方是不是雷，如果是雷的話，玩家炸死，游戲結束，如果不是雷的話，則需要判斷，以這個位置為中心的九宮格里面有幾個雷，并且將雷的數量顯示出來，這里就用到剛才初始化雷盤'0'和定義雷為'1'伏筆的時候了，'0'的ASCII數為48，'1'的ASCII數為49，九宮格周圍的八個字符加起來再減去'0'\*8，則能得到這個九宮格有幾個雷，得到的是整形數字，想要將其轉化為字符的話，加上'0',然后將其列印出來，這里用到了一些ASCII的一些知識，代碼如下：
  • 三、代碼完整示例如下
  • 四、優化

一、用到的知識點

1、分支陳述句

其中主要應用了if else陳述句

2、回圈陳述句

回圈需要do while 陳述句和for()陳述句還有while陳述句

3、二維陣列

二維陣列在定義的時候，行可以為不寫為空，但是列必須要寫，例如arr[][5]={0}

4、最好分塊，使代碼的功能更加獨立，思維邏輯更加清楚，此程式我寫了：test.c用來存放我的主函式，game.h用來定義和宣告函式，還有放置頭檔案，然后定義了game.c來實作函式

二、思緒和代碼

1、想要做出這個游戲，最起碼有一個選單讓人選擇是否開始游戲，因此我們需要先寫出一個選單程式，最簡單的選單資料如下：

//頭檔案放入game.h里面
#include<stdio.h>
//主體部分放入test.c
void menu()
{
	printf("*********************************\n");
	printf("*******     1.  play     ********\n");
	printf("*******     0.  exit     ********\n");
	printf("*********************************\n");
}

2、當我們有選單了，我們現在就可以開始選擇是否進行游戲了，也就可以開始書寫我們的主函式了，寫的時候需要考慮到玩家可能想玩不止一次，因此我們需要用到回圈，因為最起碼要玩一次，所以這里建議使用do while陳述句，并且要考慮到玩家可能選擇錯誤，沒有選擇到play和exit，這里建議將switch陳述句嵌套進do while陳述句里面，下面實作代碼：

//放入test.c里面
int main()
{
	srand((unsigned int)time(NULL));
	int input = 0;
	do
	{
		menu();
		printf("請做出你的選擇：");
		scanf("%d", &input);
		switch (input)
		{
		case 1:
			game();
			break;
		case 0:
			printf("退出游戲！\n");
			break;
		default:
			printf("輸入錯誤，請重新輸入！\n");
			break;
		}
	} while (input);
	return 0;
}

3、當我們的選單框架做出來以后，現在開始填充游戲內容，用函式game()，這里面寫選擇進入游戲后的操作，運用函式進行分塊，可以使你的代碼更有邏輯，建議運用，下面將詳細解說如何思考和書寫這個game()函式：

//放入test.c里面
void game()
{
//這里進行函式的填充
}

（1）我們想要實作一個比較簡單的9*9的掃雷，最起碼我們需要棋盤，可以進行放雷和掃雷，因為需要兩個功能，這里我們盡量讓他們的功能獨立起來，因此定義兩個二維陣列，并且我們需要考慮到，如果掃雷的時候，我們需要排查最邊上的格子，如果直接進行排查，將會發生越界，因為你只定義了9*9，其實排查邊上的格子的時候你已經掃描到了11*11大小的格子，因此定義的時候，我們最好定義一個11*11的棋盤，但是我們只列印9*9的出來，這樣就可以防止他越界，示例代碼如下：

//這樣將其全部定義出來，如果以后想要修改大小的話，可以直接在此處修改
//放入game.h里面
#define ROW 11
#define COL 11
#define ROWS ROW-2
#define COLS COL-2
//填充game()函式
放入test.c里面
void game()
{
	char mine[ROW][COL] = { 0 };//定義放置雷的二維陣列
	char show[ROW][COL] = { 0 };//定義進行掃雷的二維陣列
}

（2）現在兩個二維陣列已經構造好了，我們需要對其進行初始化，使得我們可以更好地列印掃雷的棋盤，這里在初始化放雷棋盤的時候，將其初始化為字符’0’，這里需要注意，此處是個伏筆，為了方便后面的排雷程式，初始化代碼如下：

//繼續對game()函式進行填充
//放入test.c里面
void game()
{
	char mine[ROW][COL] = { 0 };//定義放置雷的二維陣列
	char show[ROW][COL] = { 0 };//定義進行掃雷的二維陣列
	Init(mine, ROW, COL, '0');//初始化雷陣列，令其全部為字符‘0’,令其為‘0’，方便一會統計雷數
	Init(show, ROW, COL, '*');//初始化掃雷陣列，令其全部為字符‘*’
}
//放入game.h里面
void Init(char arr[ROW][COL], int row, int col, char set);
//放入game.c里面去實作
//對雷陣列還有掃雷陣列進行初始化
void Init(char arr[ROW][COL],int row,int col,char set)
{
	int i = 0;
	int j = 0;
	for (i = 0; i < row; i++)
	{
		for (j = 0; j < col; j++)
		{
			arr[i][j] = set;
		}
	}
}

(3)現在我們需要將我們設計好的棋盤列印出來，注意，我們設計了11*11的，但是我們只列印9*9的，在列印的時候，我們還可以順便檢查一下，我們的放雷陣列是否初始化成功，代碼如下：

//放入test.c里面
void game()
{
	char mine[ROW][COL] = { 0 };//定義放置雷的二維陣列
	char show[ROW][COL] = { 0 };//定義進行掃雷的二維陣列
	Init(mine, ROW, COL, '0');//初始化雷陣列，令其全部為字符‘0’,令其為‘0’，方便一會統計雷數
	//Display(mine, ROWS, COLS);//列印雷的初始化看看
	Init(show, ROW, COL, '*');//初始化掃雷陣列，令其全部為字符‘*’
	Display(show, ROWS, COLS);//列印一下初始化的掃雷陣列
}
//放入game.h里面
void Display(char arr[ROW][COL], int row, int col);
//放入game.c里面去實作
//列印出掃雷盤
void Display(char arr[ROW][COL], int rows, int cols)
{
	int i = 0;
	int j = 0;
	int count = 1;
	int tmp = 0;
	for (tmp = 0; tmp <= rows; tmp++)
		printf("%d ", tmp);
	printf("\n");
	for (i = 1,count=1; i <= rows; i++,count++)
	{
		printf("%d ", count);
		for (j = 1; j <= cols; j++)
		{
			printf("%c ", arr[i][j]);
		}
		printf("\n");
	}
}

(4)現在棋盤列印好了，我們需要開始給里面放置雷，為了不把代碼寫死，一會雷的數量，我們會通過#define來實作，在放置雷的時候我們還要考慮到此處是否已經有雷，還有雷的位置需要有隨機性，這里用到了rand(),srand(),time()，因此一會需要書寫頭檔案，代碼如下：

//放入test.c里面，繼續對game()進行填充
void game()
{
	char mine[ROW][COL] = { 0 };//定義放置雷的二維陣列
	char show[ROW][COL] = { 0 };//定義進行掃雷的二維陣列
	Init(mine, ROW, COL, '0');//初始化雷陣列，令其全部為字符‘0’,令其為‘0’，方便一會統計雷數
	//Display(mine, ROWS, COLS);//列印雷的初始化看看
	Init(show, ROW, COL, '*');//初始化掃雷陣列，令其全部為字符‘*’
	Display(show, ROWS, COLS);//列印一下初始化的掃雷陣列
	assign(mine, ROWS, COLS);//布置雷
	//Display(mine, ROWS, COLS);//可以列印雷檢測一下是否正確
}
//放入game.h里面
#include<stdlib.h>
#include<time.h>
void assign(char mine[ROW][COL], int rows, int cols);
#define easy 10
//放入game.c里面去實作
//開始給mine布置雷
void assign(char mine[ROW][COL], int rows, int cols)
{
	int count = 0;
//	int x = rand() % rows + 1;//不能放到外面，導致雷的位置無法更新
//	int y = rand() % cols + 1;
	while ( count < easy)
	{
		int x = rand() % rows + 1;
		int y = rand() % cols + 1;
		if (mine[x][y] == '0')
		{
			mine[x][y] = '1';//將雷定義為字符1，為了方便一會掃雷
		}
		else
			continue;
		count++;
	}
}

(5)現在棋盤有了，雷也放置好了，可以開始進行掃雷了，掃雷的時候先要判斷這個位置是否已經被掃過了，如果掃過，重新掃，如果沒有掃過，我們需要開始判斷，這個地方是不是雷，如果是雷的話，玩家炸死，游戲結束，如果不是雷的話，則需要判斷，以這個位置為中心的九宮格里面有幾個雷，并且將雷的數量顯示出來，這里就用到剛才初始化雷盤’0’和定義雷為’1’伏筆的時候了，‘0’的ASCII數為48，‘1’的ASCII數為49，九宮格周圍的八個字符加起來再減去’0’*8，則能得到這個九宮格有幾個雷，得到的是整形數字，想要將其轉化為字符的話，加上’0’,然后將其列印出來，這里用到了一些ASCII的一些知識，代碼如下：

//放入test.c里面，繼續對game()進行填充
void game()
{
	char mine[ROW][COL] = { 0 };//定義放置雷的二維陣列
	char show[ROW][COL] = { 0 };//定義進行掃雷的二維陣列
	Init(mine, ROW, COL, '0');//初始化雷陣列，令其全部為字符‘0’,令其為‘0’，方便一會統計雷數
	//Display(mine, ROWS, COLS);//列印雷的初始化看看
	Init(show, ROW, COL, '*');//初始化掃雷陣列，令其全部為字符‘*’
	Display(show, ROWS, COLS);//列印一下初始化的掃雷陣列
	assign(mine, ROWS, COLS);//布置雷
	//Display(mine, ROWS, COLS);//列印雷檢測一下是否正確
	check_mine(mine, show, ROWS, COLS);//開始掃雷
}
//放入game.h里面
void check_mine(char mine[ROW][COL], char[ROW][COL], int rows, int cols);
//放入game.c里面去實作
//開始掃雷
void check_mine(char mine[ROW][COL], char show[ROW][COL], int rows, int cols)
{
	int x = 0;
	int y = 0;
	int count = 0;
	while (1)
	{
		printf("請輸入坐標掃雷：");
		scanf("%d%d", &x, &y);
		if (show[x][y] == '*')
		{
			if (mine[x][y] == '0')
			{
				int num = mine[x - 1][y - 1] + mine[x - 1][y] + mine[x - 1][y + 1] +
					      mine[x][y - 1] + mine[x][y + 1] + mine[x + 1][y - 1] + 
						  mine[x + 1][y]+ mine[x + 1][y + 1] - '0' * 8;
				show[x][y] = num + '0';
				Display(show, ROWS, COLS);
				count++;
			}
			else
			{
				printf("不好意思你被炸死了！\n");
				Display(mine, ROWS, COLS);
				break;
			}
		}
		else
			printf("此處已經排查過！請重新排查！\n");
		if (count == rows*cols - easy)
		{
			printf("恭喜你排雷成功！\n");
			Display(show, ROWS, COLS);
			break;
		}
	}
}

三、代碼完整示例如下

//test.c里面
#include"game.h"
void menu()
{
	printf("*********************************\n");
	printf("*******     1.  play     ********\n");
	printf("*******     0.  exit     ********\n");
	printf("*********************************\n");
}
void game()
{
	char mine[ROW][COL] = { 0 };//定義放置雷的二維陣列
	char show[ROW][COL] = { 0 };//定義進行掃雷的二維陣列
	Init(mine, ROW, COL, '0');//初始化雷陣列，令其全部為字符‘0’,令其為‘0’，方便一會統計雷數
	//Display(mine, ROWS, COLS);//列印雷的初始化看看
	Init(show, ROW, COL, '*');//初始化掃雷陣列，令其全部為字符‘*’
	Display(show, ROWS, COLS);//列印一下初始化的掃雷陣列
	assign(mine, ROWS, COLS);//布置雷
	//Display(mine, ROWS, COLS);//列印雷檢測一下是否正確
	check_mine(mine, show, ROWS, COLS);//開始掃雷
}
int main()
{
	srand((unsigned int)time(NULL));
	int input = 0;
	do
	{
		menu();
		printf("請做出你的選擇：");
		scanf("%d", &input);
		switch (input)
		{
		case 1:
			game();
			break;
		case 0:
			printf("退出游戲！\n");
			break;
		default:
			printf("輸入錯誤，請重新輸入！\n");
			break;
		}
	} while (input);
	return 0;
}
//game.h里面
#include<stdio.h>
#define ROW 11
#define COL 11
#define ROWS ROW-2
#define COLS COL-2
void Init(char arr[ROW][COL], int row, int col, char set);
void Display(char arr[ROW][COL], int row, int col);
#include<stdlib.h>
#include<time.h>
void assign(char mine[ROW][COL], int rows, int cols);
#define easy 10
void check_mine(char mine[ROW][COL], char[ROW][COL], int rows, int cols);
//game.c里面
#include"game1.h"
//對雷陣列還有掃雷陣列進行初始化
void Init(char arr[ROW][COL],int row,int col,char set)
{
	int i = 0;
	int j = 0;
	for (i = 0; i < row; i++)
	{
		for (j = 0; j < col; j++)
		{
			arr[i][j] = set;
		}
	}
}
//列印出掃雷盤
void Display(char arr[ROW][COL], int rows, int cols)
{
	int i = 0;
	int j = 0;
	int count = 1;
	int tmp = 0;
	for (tmp = 0; tmp <= rows; tmp++)
		printf("%d ", tmp);
	printf("\n");
	for (i = 1,count=1; i <= rows; i++,count++)
	{
		printf("%d ", count);
		for (j = 1; j <= cols; j++)
		{
			printf("%c ", arr[i][j]);
		}
		printf("\n");
	}
}
//開始給mine布置雷
void assign(char mine[ROW][COL], int rows, int cols)
{
	int count = 0;
//	int x = rand() % rows + 1;//不能放到外面，導致雷的位置無法更新
//	int y = rand() % cols + 1;
	while ( count < easy)
	{
		int x = rand() % rows + 1;
		int y = rand() % cols + 1;
		if (mine[x][y] == '0')
		{
			mine[x][y] = '1';
		}
		else
			continue;
		count++;
	}
}
//開始掃雷
void check_mine(char mine[ROW][COL], char show[ROW][COL], int rows, int cols)
{
	int x = 0;
	int y = 0;
	int count = 0;
	while (1)
	{
		printf("請輸入坐標掃雷：");
		scanf("%d%d", &x, &y);
		if (show[x][y] == '*')
		{
			if (mine[x][y] == '0')
			{
				int num = mine[x - 1][y - 1] + mine[x - 1][y] + mine[x - 1][y + 1] +
					      mine[x][y - 1] + mine[x][y + 1] + mine[x + 1][y - 1] + 
						  mine[x + 1][y]+ mine[x + 1][y + 1] - '0' * 8;
				show[x][y] = num + '0';
				Display(show, ROWS, COLS);
				count++;
			}
			else
			{
				printf("不好意思你被炸死了！\n");
				Display(mine, ROWS, COLS);
				break;
			}
		}
		else
			printf("此處已經排查過！請重新排查！\n");
		if (count == rows*cols - easy)
		{
			printf("恭喜你排雷成功！\n");
			Display(show, ROWS, COLS);
			break;
		}
	}
}

四、優化

代碼寫出來了，這是最簡單的一個掃雷，還可以進行好多優化，例如插旗，拔旗，標記之類的，希望讀者可以發散性的思考，改進，優化，相信你可以的！

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/77123.html

標籤：其他

上一篇：LintCode 395. 硬幣排成線 II JavaScript演算法

下一篇：js按值傳遞 兩個變數間賦值 原始型別參考型別的按值傳遞 javascript

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low，請各位大佬留情，一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁，頂部多層導航

    一個個人用的瀏覽器首頁，可以把一下常用的網站放在這里，平常打開會比較方便。 第一步，HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式，需要用到$(window).height(); 由于手寫demo的時候，過于自信，其實對前端方面的認識也不夠體系，用文本檔案直接敲出來的html代碼，第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前，必須要做好網站資料的備份，這個問題良家佐言是遇見過的；在剛開始接觸WordPress博客程式的時候，因為升級問題和博客網站的修改的一些嘗試，良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名，每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統，受到英文博客愛好者和中文博客愛好者的追捧，并逐步演化成一款內容管理系統軟體；它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新，就會牽動無數WordPress愛好者的心， ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果，首字改變樣式或者首行改變樣式，效果如下圖。 代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽？ <a> 標簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。 a標簽的語法格式：<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中，鏈接的默認外觀如下： 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址： 鏈接：https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼：4aks swiper.min.css地址 鏈接：https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片（全屏顯示，且不拉伸）

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解（上）

    HTML詳解 初識HTML Hyper Text Markup Language（超文本標記語言） 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽，描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年，面對生產環境，盡管都是小心翼翼，慎之又慎，還是難免捅出簍子。輕則滿頭大汗，面紅耳赤。重則系統停擺，損失資金。每一個生產事故的背后，都是寶貴的經驗和教訓，都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故，特開此專題，長期更新和記錄大大小小的各類事故。有些是親身經歷，有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 打開游戲界面，看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上，有一個白色的矩形框，里面不斷下落著各種單詞，而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配，那么我就可以獲得得分；如果我輸入的單詞錯誤或者時間過長，那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前，了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子，引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板（滑鼠和觸摸）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作，和在桌面端做法基本一致。 首先，使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流，并將其傳遞給 <video> 標簽進行渲染。 接著，使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 短視頻已經無數不在了，但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲，一圖頂百辯，且看下圖： 網址鏈接（需在微信或者手Q中瀏覽） 從上圖可以看到，我們主要實作的功能也是本文要講解的有： ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網（www）誕生，HTTP（HyperText Transfer Protocol）經歷了眾多版本迭代，WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more

Copyright © 2010-2020 有解無憂