react连连看
// Math.floor(t * Math.random());
var isInclude = function (array, element) {
let alen = array.length;
for (let i = 0; i
{num}
);
}
});
var GameTable = React.createClass({
getInitialState: function () {
return this.props;
},
render: function () {
let blocks = this.props.blocks;
let selectedGrid = this.props.selectedGrid;
let _lines = [];
let _line;
let attr = {};
for (let i = 0; i );
}
_lines.push(
);
}
return (
);
}
});
//*/
var GameBox = React.createClass({
getInitialState: function () {
let [lines, remaining] = this.getBlocks(this.props.row, this.props.col, this.props.pairs);
return {
...this.props,
blocks: lines,
remaining: remaining,
selectedGrid: [],
isGaming: true,
maxCornerLen: 2
};
},
componentDidMount: function () {
},
componentWillUnmount: function () {
},
getRandomPositions: function (row, col, pairs, blocks) {
let i, j;
let _tmpNums = [];
for (i = 0; i = ps.length) {
//
}
if (ps[n]) {
blocks[i][j].num = ps[n];
blocks[i][j].bgc = getColor(ps[n]);
}
n++;
}
}
let remaining = pairNum * pairs;
return [blocks, remaining];
},
getBlocks: function (row, col, pairs) {
let line = [];
let lines = [];
for (let i = 0; i 0)
return true;
return false;
},
doRemove: function (rc1, rc2) {
let toRemoves = this.findPath(rc1, rc2);
//console.log(toRemoves);
this.setState({isGaming: false});
let _this = this;
let flashSpeed = 200;
let _len = toRemoves.length;
for (let i = 0; i = row || rc[1] = col);
},
findDirectRcs: function (oriRcs, rc2) {
let {row, col, blocks} = this.state;
let retRes = [];
let hs = {};
let _rc, _ds, _rc2;
for (let i = 0; i
还剩{this.state.remaining}对
{this.state.msg}
宽:
每个数字有几对:
);
}
});
var gb = ReactDOM.render(
,
document.getElementById("llk_content")
);
$("#llk_content").find("table").attr("border", "3px");//.attr("rules", "all");
gb.changeRC(7, 9, 3);
// ]]>
react连连看的更多相关文章
- react组件的生命周期
写在前面: 阅读了多遍文章之后,自己总结了一个.一遍加强记忆,和日后回顾. 一.实例化(初始化) var Button = React.createClass({ getInitialState: f ...
- 十分钟介绍mobx与react
原文地址:https://mobxjs.github.io/mobx/getting-started.html 写在前面:本人英语水平有限,主要是写给自己看的,若有哪位同学看到了有问题的地方,请为我指 ...
- RxJS + Redux + React = Amazing!(译一)
今天,我将Youtube上的<RxJS + Redux + React = Amazing!>翻译(+机译)了下来,以供国内的同学学习,英文听力好的同学可以直接看原版视频: https:/ ...
- React 入门教程
React 起源于Facebook内部项目,是一个用来构建用户界面的 javascript 库,相当于MVC架构中的V层框架,与市面上其他框架不同的是,React 把每一个组件当成了一个状态机,组件内 ...
- 通往全栈工程师的捷径 —— react
腾讯Bugly特约作者: 左明 首先,我们来看看 React 在世界范围的热度趋势,下图是关键词“房价”和 “React” 在 Google Trends 上的搜索量对比,蓝色的是 React,红色的 ...
- 2017-1-5 天气雨 React 学习笔记
官方example 中basic-click-counter <script type="text/babel"> var Counter = React.create ...
- RxJS + Redux + React = Amazing!(译二)
今天,我将Youtube上的<RxJS + Redux + React = Amazing!>的后半部分翻译(+机译)了下来,以供国内的同学学习,英文听力好的同学可以直接看原版视频: ht ...
- React在开发中的常用结构以及功能详解
一.React什么算法,什么虚拟DOM,什么核心内容网上一大堆,请自行google. 但是能把算法说清楚,虚拟DOM说清楚的聊聊无几.对开发又没卵用,还不如来点干货看看咋用. 二.结构如下: impo ...
- React的使用与JSX的转换
前置技能:Chrome浏览器 一.拿糖:React的使用 React v0.14 RC 发布,主要更新项目: 两个包: React 和 React DOM DOM node refs 无状态的功能 ...
随机推荐
- 基于Java Instrument的Agent实现
使用 Instrumentation,使得开发者可以构建一个独立于应用程序的代理程序(Agent),用来监测和协助运行在 JVM 上的程序,甚至能够替换和修改某些类的定义.有了这样的功能,开发者就可以 ...
- php优秀框架codeigniter学习系列——CI_Controller分析
该类是一个超级大的父类,它将在 CodeIgniter.php 中实例化化过的类,通通加载成它的类成员变量,所以可以方便的进行各种操作.各种应用控制器类,都会继承 CI_Controller 类. _ ...
- 更改Windows更新源(解决公司内部网络无法下载语言包或更新的问题)
打开注册表 找到HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows\WindowsUpdate 将WUServer.WUStatusServe ...
- 安装MySql 8.x版本客户端连接失败解决方案
---恢复内容开始--- 安装完8.0.11MySql数据库及客户端工具Navicat Premium 12(具体安装方法不详细赘述,自行百度,推荐网址:https://blog.csdn.net/c ...
- SpringBoot的学习【7.引入配置文件】
1.@PropertySource 作用:加载指定的配置文件 2.@ImportResource ---恢复内容结束---
- Python爬虫--简单的单词查询
Refer to: https://github.com/gaopu/Python/blob/master/Dict.py 本程序参考自上面Github连接 该程序功能是输入一个单词可以给出这个单词的 ...
- linux开机默认启动命令行模式
进入vi /etc/inittab 修改id:5:initdefault: 为id:3:initdefault:
- 导入PrefixHeader.pch 报错UNknow The type "NSString",等基础类
进入到项目,在Buid Settings收索Compile Source 把Compile Source As 改成Objective-C问题即可解决.
- python 启动shell报错 Subprocess Startup Error
如图所示启动python的IDLE以后,按F5启动module或者启动shell的时候就会启动失败提示上面错误,刚开始百度知道解决方案不靠谱,最后找到原因是我之前看小甲鱼的教学视频时,新建了一个pic ...
- springBoot 自动配置原理--自己新建一个 starter
上篇我们说到 springboot 和 SSM 框架的区别,今天我们就看看 springboot 到底为我们做了哪些事情,让我们开发变得如此简单. springboot 中起着重要作用的是 start ...