首页 / JAVASCRIPT / 原生JavaScript实现连连看游戏

原生JavaScript实现连连看游戏

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了原生JavaScript实现连连看游戏，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含23515字，纯文字阅读大概需要34分钟。

内容图文

首先看一下html的布局方式在index.html文件中：

[html]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</center>

</body>

</html>

css文件夹下的index.css文件如下：

[css]

body {

font-size : 16px;

font-weight : bold;

color : grey;

}

#whole {

border : 1px double #999999;

border-width : 5px;

width : 800px;

height : 505px;

position : relative;

}

#gamePanel {

margin: 1px 1px 1px 1px;

width : 602px;

height : 502px;

background : url(../img/background.gif) repeat;

position : absolute;

}

#pieces {

margin-top : 35px;

border : 1px solid #999999;

width : 546px;

height : 434px;

position: relative;

}

#pieces .piece {

width : 32px;

height : 36px;

position : relative;

cursor : pointer;

float : left;

}

#pieces .track {

width : 32px;

height : 36px;

position : relative;

float : left;

}

#pieces .track2 {

width : 32px;

height : 36px;

position : relative;

float : left;

background : red;

}

#gameLogo {

margin-top : 60px;

border : 1px solid #999999;

left : 607px;

width : 187px;

height : 73px;

background : url(../img/logo.gif);

position: absolute;

}

#scorePanel {

border : 1px solid #999999;

left : 607px;

top : 200px;

width : 187px;

height : 30px;

position : absolute;

}

#score {

border : 1px solid #999999;

left : 607px;

top : 240px;

width : 187px;

height : 30px;

position : absolute;

}

#timePanel {

border : 1px solid #999999;

left : 607px;

top : 300px;

width : 187px;

height : 30px;

position : absolute;

}

#time {

border : 1px solid #999999;

left : 607px;

top : 340px;

width : 187px;

height : 30px;

position : absolute;

}

#button {

border : 1px solid #999999;

left : 607px;

top : 400px;

width : 187px;

height : 30px;

position : absolute;

}

下面让我们来看一下最核心的js部分实现代码，js部分分为三个源文件即game.js、map.js、piece.js每一个源文件对应一个类，其中本游戏通

过game类来操纵map和图片piece对象：

game.js代码如下：

[javascript]

// 游戏控制类

var Game = {

// 游戏背景

gamePanel : null,

// 分数

score : 0,

// 时间

time : 0,

// 图片映射表

pieceMap : null,

// 图片列表

pieceList : [],

// 图片列表不包含图片

pieceImgList : [],

// 图片随机数列表

randomList : [],

// 轨迹列表

trackList : [],

// 游戏是否开始

isGameBigin : false,

// 游戏是否结束

isGameOver : false,

// 游戏是否重置

isGameReset : false,

// 图片元素是否第一次点击

isFirstClick : true,

// 开始游戏

start : function() {

document.getElementById("start").disabled = true;

document.getElementById("reset").disabled = false;

if (this.isGameReset) {

this.isGameOver = false;

this.startTime();

return;

} else if (this.isGameBegin) {

return;

} else {

this.init();

return;

}

reset : function() {

document.getElementById("start").disabled = false;

document.getElementById("reset").disabled = true;

this.clear();

this.initPieces();

this.initImgPieces();

this.time = 0;

document.getElementById("time").innerHTML = 0;

this.score = 0;

document.getElementById("score").innerHTML = 0;

this.isGameReset = true;

this.isGameBegin = true;

// 初始化

init : function() {

if (this.isGameBegin) {

return;

}

this.pieceMap = new Map();

var _this = this;

this.time = 0;

this.startTime();

this.gamePanel = document.getElementById("pieces");

this.initPieces();

this.initImgPieces();

this.isGameBegin = true;

// 将随机生成的150张图片添加进画布

initPieces : function() {

var _this = this;

this.initRandomList();

// 打乱随机列表排序

this.messRandomList();

for (var i = 0; i < 204; i ++) {

var piece = new Piece(this);

this.pieceList.push(piece);

var x = (i%17);

var y = Math.floor(i/17);

this.pieceMap.put(x+","+y, piece);

piece.setPosition(x, y);

this.gamePanel.appendChild(piece.dom);

if (x == 0 || x == 16 || y == 0 || y == 11) {

piece.track = document.createElement("div");

piece.track.className = "track";

piece.dom.appendChild(piece.track);

piece.isTracked = true;

continue;

} else {

if (x == 1 || x == 15 || y == 1 || y == 10) {

piece.setAtEdge(true);

}

this.pieceImgList.push(piece);

}

// 初始化图片

initImgPieces : function() {

for (var i = 0; i < this.pieceImgList.length; i ++) {

this.pieceImgList[i].initImg();

this.pieceImgList[i].img.src = "img/pieces/"+this.randomList[i]+".gif"

this.pieceImgList[i].setImgSrc(this.pieceImgList[i].img.src);

// 执行图片点击事件

this.pieceImgList[i].onClick();

}

// 初始化随机表

initRandomList : function() {

// 获取随机数列，成双出现

for (var i = 0; i < 75; i ++) {

var random = parseInt(Math.random()*22*10000, 10);

var number = random%23;

this.randomList.push(number);

}

// 打乱随机表

messRandomList : function() {

for (var i = 0; i < this.randomList.length; i ++) {

var random = parseInt(Math.random()*15*10000, 10);

var number = random%150;

var temp;

temp = this.randomList[i];

this.randomList[i] = this.randomList[number];

this.randomList[number] = temp;

}

// 开始计时

startTime : function() {

var _this = this;

if (this.isGameOver) {

return;

} else {

this.time ++;

document.getElementById("time").innerHTML = this.time;

this.isGameBegin = true;

setTimeout(function() {_this.startTime();}, 1000);

}

// 清除

clear : function() {

for (var i = 0; i < this.pieceList.length; i ++) {

this.gamePanel.removeChild(this.pieceList[i].dom);

}

this.pieceList = [];

this.randomList = [];

this.pieceImgList = [];

this.isGameOver = true;

this.isGameBegin = false;

}

window.onload = function() {

document.getElementById("start").disabled = false;

document.getElementById("reset").disabled = true;

}

// 游戏开始入口

function Start() {

Game.start();

}

// 游戏重置入口

function Reset() {

Game.reset();

}

自定义的js版映射结构map.js源文件如下：

[javascript]

var Map = function(){

this.data = [];

}

Map.prototype = {

put : function(key, value) {

this.data[key] = value;

get : function(key) {

return this.data[key];

remove : function(key) {

this.data[key] = null;

isEmpty : function() {

return this.data.length == 0;

size : function() {

return this.data.length;

}

图片类piece.js源文件如下：

[javascript]

var Piece = function(game) {

// 游戏对象

this.game = game;

// 是否为边缘元素

this.isEdge = false;

// 是否挨着边缘元素

this.atEdge = false;

// 图片dom元素

this.dom = null;

// 图片元素

this.img = null;

// 图片元素来源

this.src = null;

// 轨迹元素

this.track = null;

// 是否可以作为轨迹

this.isTracked = false;

// 选中标记元素

this.selected = null;

// 图片横向排列

this.x = 0;

// 图片纵向排列

this.y = 0;

// 图片闪烁Id

this.flashId = null;

// 图片是否点击

this.onClicked = false;

// 闪烁次数

this.flashCount = 0;

this.init();

}

Piece.prototype = {

// 初始化

init : function() {

this.dom = document.createElement("div");

this.dom.className = "piece";

this.selected = document.createElement("img");

// 初始化图片

initImg : function() {

this.img = document.createElement("img");

this.dom.appendChild(this.img);

// 满足算法后初始化track元素

initTrack : function() {

if (this.flashId != null) {

// 停止闪烁

this.stopFlash();

}

//alert("initTrack middle");

if (this.track != null) {

return;

}

this.onClicked = false;

this.dom.removeChild(this.img);

this.track = document.createElement("div");

this.track.className = "track";

this.dom.appendChild(this.track);

// 位图片设置来源

setImgSrc : function(src) {

this.src = src;

// 为图片设置二维排列位置

setPosition : function(x, y) {

this.x = x;

this.y = y;

// 为图片设置选中元素

setSelected : function() {

if (this.flashCount ++ % 2 == 0) {

//this.dom.removeChild(this.img);

//this.selected.src = "img/selected.gif";

//this.dom.appendChild(this.selected);

this.img.src = "img/pieces/flash.gif";

} else {

//if (this.selected != null) {

// this.dom.removeChild(this.selected);

//}

this.img.src = this.src;

//this.dom.appendChild(this.img);

}

// 设置是否为边缘元素

setEdge : function(isEdge) {

this.isEdge = isEdge;

// 设置是否挨着边缘元素

setAtEdge : function(atEdge) {

this.atEdge = atEdge;

// 开始闪烁

flash : function() {

var _this = this;

this.flashId = setInterval(function() {_this.setSelected();}, 500);

// 停止闪烁

stopFlash : function() {

clearInterval(this.flashId);

if (this.flashCount % 2 == 1) {

//if (this.selected != null) {

// this.dom.removeChild(this.selected);

//}

this.img.src = this.src;

//this.dom.appendChild(this.img);

}

// 对象被选择的内部函数

onClick : function() {

if (this.onClicked) {

return;

}

var _this = this;

this.img.onclick = function() {

if (!document.getElementById("start").disabled) {

return;

}

if (_this.onClicked) {

return;

}

if (_this.checkPiece()) {

return;

}

_this.flash();

_this.onClicked = true;

};

// 检查是否有被点击的图片

checkPiece : function() {

for (var i = 0; i < this.game.pieceList.length; i ++) {

if (this.game.pieceList[i].onClicked && !this.game.pieceList[i].equal(this)) {

if (this.game.pieceList[i].equalImage(this)) {

//alert("The same Image");

this.searchTrack(this.game.pieceList[i]);

} else {

this.game.pieceList[i].stopFlash();

this.game.pieceList[i].onClicked = false;

this.onClicked = false;

return false;

}

return true;

} else {

continue;

}

return false;

// 是否为同一个对象

equal : function(piece) {

return (this.x == piece.x && this.y == piece.y);

// 是否为同一个图片

equalImage : function(piece) {

return this.src == piece.src;

// 搜寻路径

searchTrack : function(piece) {

if (this.isNear(piece)) {

this.linkTrack(piece);

return;

}

if (this.isReach(piece) || this.isReach2(piece)) {

this.linkTrack(piece);

return;

}

// 是否相邻

isNear : function(piece) {

var a = (Math.abs(piece.x - this.x) == 1) && (piece.y == this.y)

|| (Math.abs(piece.y - this.y) == 1) && (piece.x == this.x);

return a;

// 直线

isStraightReach : function(piece) {

//alert("isStraightReach");

if (this.isNear(piece)) {

return true;

}

var a = false;

var b = false;

// 沿y轴方向搜索

if (this.x == piece.x) {

//alert("!!!!!!!!!!!");

for (var i = this.min(this.y, piece.y) + 1; i < this.max(this.y, piece.y); i ++) {

//alert("this.x == piece.x: " + piece.x + "," + i);

if (this.game.pieceMap.get(piece.x + "," + i).isPass()) {

a = true;

this.game.trackList.push(this.game.pieceMap.get(piece.x + "," + i));

continue;

} else {

a = false;

this.game.trackList = [];

return a;

}

// 沿x轴方向搜索

if (this.y == piece.y) {

//alert("!!!!!!!!!!!");

for (var i = this.min(this.x, piece.x) + 1; i < this.max(this.x, piece.x); i ++) {

//alert("this.y == piece.y: " + i + "," + piece.y);

if (this.game.pieceMap.get(i + "," + piece.y).isPass()) {

b = true;

this.game.trackList.push(this.game.pieceMap.get(i + "," + piece.y));

continue;

} else {

b = false

this.game.trackList = [];

return b;

}

return a || b;

// 拐一次弯搜索

isReach1 : function(piece) {

//alert("isReach1");

var corner_1 = this.game.pieceMap.get(this.x + "," + piece.y);

var corner_2 = this.game.pieceMap.get(piece.x + "," + this.y);

var _this = this;

if ((_this.isStraightReach(corner_1))

&& (corner_1.isStraightReach(piece))

&& corner_1.isPass()) {

//alert("corner_1: " + this.x + "," + piece.y);

this.game.trackList.push(corner_1);

return true;

}

if ((_this.isStraightReach(corner_2))

&& (corner_2.isStraightReach(piece))

&& corner_2.isPass()) {

//alert("corner_2: " + piece.x + "," + this.y);

this.game.trackList.push(corner_2);

return true;

}

return false;

// 直接或拐一次弯搜索

isReach : function(piece) {

var a = this.isStraightReach(piece);

var b = this.isReach1(piece);

return a || b;

// 拐两次弯搜索

isReach2 : function(piece) {

// 沿x轴正向搜索

for (var i = this.x + 1; i < 17; i ++) {

if (!this.game.pieceMap.get(i + "," + this.y).isPass()) {

this.game.trackList = [];

break;

} else if (this.game.pieceMap.get(i + "," + this.y).isReach(piece)

&& this.game.pieceMap.get(i + "," + this.y).isPass()) {

this.game.trackList.push(this.game.pieceMap.get(i + "," + this.y));

return true;

}

// 沿x轴搜索

for (var i = this.x - 1; i >= 0; i --) {

if (!this.game.pieceMap.get(i + "," + this.y).isPass()) {

this.game.trackList = [];

break;

} else if (this.game.pieceMap.get(i + "," + this.y).isReach(piece)

&& this.game.pieceMap.get(i + "," + this.y).isPass()) {

this.game.trackList.push(this.game.pieceMap.get(i + "," + this.y));

return true;

}

// 沿y轴搜索

for (var i = this.y - 1; i >= 0; i --) {

if (!this.game.pieceMap.get(this.x + "," + i).isPass()) {

this.game.trackList = [];

break;

} else if (this.game.pieceMap.get(this.x + "," + i).isReach(piece)

&& this.game.pieceMap.get(this.x + "," + i).isPass()) {

this.game.trackList.push(this.game.pieceMap.get(this.x + "," + i));

return true;

}

// 沿y轴正向搜索

for (var i = this.y + 1; i < 12; i ++) {

if (!this.game.pieceMap.get(this.x + "," + i).isPass()) {

this.game.trackList = [];

break;

} else if (this.game.pieceMap.get(this.x + "," + i).isReach(piece)

&& this.game.pieceMap.get(this.x + "," + i).isPass()) {

this.game.trackList.push(this.game.pieceMap.get(this.x + "," + i));

return true;

}

return false;

// 路径连接

linkTrack : function(piece) {

this.initTrack();

piece.initTrack();

this.changeScore();

this.showTrack(piece);

// 显示足迹

showTrack : function(piece) {

this.game.trackList.push(piece);

this.track.className = "track2";

for (var i = 0; i < this.game.trackList.length; i ++) {

//alert(i);

this.game.trackList[i].track.className = "track2";

}

var _this = this;

setTimeout(function() {_this.hideTrack()}, 500);

// 隐匿足迹

hideTrack : function() {

for (var i = 0; i < this.game.trackList.length; i ++) {

this.game.trackList[i].track.className = "track";

}

this.game.trackList = [];

this.track.className = "track";

this.isTracked = true;

// 分数增加

changeScore : function() {

this.game.score += 100;

document.getElementById("score").innerHTML = this.game.score;

min : function(a, b) {

if (a < b) {

return a;

} else {

return b;

内容总结

以上是互联网集市为您收集整理的原生JavaScript实现连连看游戏全部内容，希望文章能够帮你解决原生JavaScript实现连连看游戏所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/304518.html

来源：【匿名】

【上一篇】JavaScript与CSSStyle属性对照表【下一篇】javascript 怎么调用php方法

更多 ►

【原生JavaScript实现连连看游戏】教程文章相关的互联网学习教程文章

javascript点击按钮实现隐藏显示切换效果【代码】

原文链接：http://www.jb51.net/article/79083.htm<html><head><meta charset="gb2312"><title>隐藏和显示</title><style type="text/css"> #thediv {width:200px;height:100px;line-height:100px;text-align:center;background-color:green;}</style><script type="text/javascript">function Show_Hidden(obj) {if(obj.style.display=="block"){obj.style.display=‘none‘;}else{obj.style.display=‘block‘;} } window.onload...

JavaScript实现竖直文本滚动

一、HTML代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>Scroll Text</title><link rel="stylesheet" type="text/css" href="scrollText.css"></head> <body><div class="news_root"><div class="news_header">H...

JAVASCRIPT+DHTML实现表格拖动【代码】

自已做的,本来想在网上找前辈们做的,可是总找不到这种例子,要么找出来的太复杂,要么就没法用,索性自己写了一个.看看还可以用!贡献出来,估计和我一样的菜鸟用的着!<html><style>body{ font-size:9pt;} table,th,td{font-size:9pt;}.lsitTalbe{table-layout:fixed;width:30%;border-collapse:collapse;border-color:#507010;color:#003300;}.pageda{font-family:Webdings;font-size:12pt;color:#CCCCCC;cursor:default;}.pageu...

javascript面向对象系列第三篇——实现继承的3种形式【代码】

前面的话　　学习如何创建对象是理解面向对象编程的第一步，第二步是理解继承。开宗明义，继承是指在原有对象的基础上，略作修改，得到一个新的对象。javascript主要包括类式继承、原型继承和拷贝继承这三种继承方式。本文是javascript面向对象系列第三篇——实现继承的3种形式类式继承　　大多数面向对象的编程语言都支持类和类继承的特性，而JS却不支持这些特性，只能通过其他方法定义并关联多个相似的对象，如new和instanceof。...

ZeroClipboard 实现批量复制的Javascript正确代码！

//Author: default7<default7#zbphp.com> function initCopy($o) {var text = $o.html();if (text) {$o.attr('title', '点击复制 ' + text);new ZeroClipboard($o).on("copy", function (event) {var clipboard = event.clipboardData;clipboard.setData("text/plain", text);alert('复制成功' + text);});} }ZeroClipboard.config({ moviePath: '/Public/zeroclipboard/dist/ZeroClipboard.swf' }); $('span.key').each(function ...

javascript实现页面自适应reset可见区域高度【代码】

1、该功能只适用于需要页面自动撑满或缩小到可见区域，并且只对单个主体改变高度的需求。var ResetControl = function (pTask) {var _task = pTask || [],_isLock = false, bindEvent = function(){var me = this;$(window).bind(‘resize.reset‘, function (event) {fire.call(me);if (_task.length === 0) {$(window).unbind(‘resize.reset‘, arguments.callee);}});}, fire = function () {//当前页面可见高度var...

javascript小实例，实现99乘法表及隔行变色【代码】【图】

人生短暂，废话不多说，直奔主题！这个小实例的要求：实现在页面中输出99乘法表。（要求：以每三行为一组，实现隔行变色（颜色为白，红，黄（也可自己定义）），鼠标滑过每一行，行背景颜色变为蓝色，鼠标离开又恢复原来的颜色），隔行变色的效果需要用if和switch两种判断方式都能实现；额，分析一下实例要求：一个99乘法表，一个多方法的隔行变色，鼠标滑过变另外一个颜色，离开恢复原色。嗯，我们一步步来吧！99乘法表的实现，...

C#如何用delegate实现Javascript的each方法【代码】

C#中有很多易混淆的关键词，例如delegate,Func, Action和 Predicate。Func, Action和 Predicate本质上都是delegate，下面看一下delegate概念。1 delegate概念　　delegate本质上就是一个指向函数的指针，可以指向不同的函数，只要函数的签名和代理一致即可。2 delegate应用　　其实Func, Action, Predicate等都是delegate，只是特殊的delegate而已。delegate的巧妙应用，可以大大简化代码和提高灵活性。下面有一段Javascript代码，...

自己实现的一款在线Javascript正则表达式测试器——JRE-Parser【代码】

本文最初发布于我的个人博客：http://jerryzou.com/posts/jreparser/昨天在看《正则表达式30分钟入门教程》的时候，看到博主自己实现了一个C#写的正则测试器，看上去挺方便的样子。但是我自己又不太喜欢乱装东西，所以寻思着能不能自己实现一个javascript正则表达式测试器。于是几十行代码实现了这样一个正则测试器。先展示一下0.1版本的效果图吧~页面还比较简单，但是基本功能算是有了。可以正常使用~。关于怎么从用户的输入中提取...

JavaScript实现百度搜索页面【代码】

JavaScript实现百度搜索页面HTML<!DOCTYPE html><html><head><meta charset="UTF-8"><title>百度一下,你就知道</title><link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon"/><link rel="stylesheet" href="css/baidu.css"></head><body><div class="bj"><div class="logo_d"><img src="img/logo.png" class="logo"></div><div class="bd_k"><input type="text" id=...

不会全排列算法(Javascript实现)，我教你呀！【图】

今天我很郁闷，在实验室凑合睡了一晚，准备白天大干一场，结果一整天就只做出了一道算法题。看来还是经验不足呀，同志仍需努力呀。算法题目要求是这样的：Return the number of total permutations of the provided string that don‘t have repeated consecutive letters. Assume that all characters in the provided string are each unique.For example, aab should return 2 because it has 6 total permutations (aab, aab, ...

javascript实现二分查找【代码】

今天做了道笔试题，要求是实现二分查找，当然不难，想了一下，因为没有要求语言就用javascript实现了。当然，期间还是出来了一点问题。ok，上代码 /** 稳定二分查找* 作者：吴伟欣* */function binarySearch(arr,num){var start = 0,end = arr.length - 1,mid = 0;while(start<end){mid = parseInt((start+end)/2);if(num>arr[mid]){start = mid+1; //容易出错的地方}else{end = mid;}}if(arr[mid] == num){return mid;}return -1...

动态规划之最大公共子串算法代码实现(使用JavaScript实现)【代码】【图】

问题描述最大公共子串问题:要求在两个字符串之间找出最大的公共字符串.并且输出其所在位置.通过递推可以分析得出递推公式(博主是跟着学的,没分析) : c[i,j] = c[i-1,j-1] + 1以下图示列出了过程.文中的代码使用的是动态规划求解.其中可能有点难以理解的是下标问题: arr[i] == 0 arr[j] == 0的情况是需要进行列出来的,并且都是为0.在进行字符对比的时候,按照下标从1开始进行对比.而不是从0开始进行对比.图析代码实现 let lis...

javascript实现复选框的全选全不选【代码】

通过复选框的id获取到复选框元素对复选框绑定点击事件每个checkbox都设置相同的name checkOne通过得到的元素获取checkbox的状态当点击全选全不选checkbox时，检查全选全不选的box状态，如果为true就将所有其他box状态都设置为true如果全选全不选的状态为false，相应的就将其他所有的box状态checked设置为false<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>全选和全不选</title><script type="text/javascript">fun...

使用JavaScript的数组实现数据结构中的队列与堆栈【代码】

今天在项目中要使用JavaScript实现数据结构中的队列和堆栈，这里做一下总结。一、队列和堆栈的简单介绍1.1、队列的基本概念队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出!如下图所示：1.2、堆栈的基本概念堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出!如下图所示：二、在JavaScript中实现队列和堆栈　　在JavaScript中实现队列和数组主要是通过数组，js数组中提供了以下几个方法可以让我们很...

首页 / JAVASCRIPT / 原生JavaScript实现连连看游戏

原生JavaScript实现连连看游戏

内容导读

内容图文

内容总结

内容备注

内容手机端

【原生JavaScript实现连连看游戏】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程