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 无状态的功能 ...
随机推荐
- Knowledge From Practice(JavaScript)
1.HTML事件对象 onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 onmousedown:鼠标落下事件 onmouseup:鼠标抬起事件 例子: onclick:鼠标点击 ...
- 【SHELL】:定时任务删除指定目录
现有一个需求,需要定时删除积累过久的目录,并且部分目录不可删除.在此,我们分析了一下该父目录的命名结构:非连续性数字命名,部分目录中包含a.txt文件.如下图所示: 在此,我们对此可作如下操作,获取该 ...
- 如何引入iconfont图标与Element-UI组件
一.iconfont图标 iconfont方便又好用,介绍一下如何在vue项目中引入iconfont 1.进入iconfont官网 www.iconfont.cn 2.登录自己账户 3.选择图标后下载 ...
- github 和 jupyter
放在github上的.ipynb文件可以用jupyter nbviewer来查看和分享. nbviewer首页: http://nbviewer.jupyter.org/ 输入github的名字或网址 ...
- matlab中特殊符号如希腊字符
使用legend 'Best' 图标标识放在图框内不与图冲突的最佳位置'BestOutside' 图标标识放在图框外使用最小空间的最佳位置 legend('sin','cos','location', ...
- Hive的初识
Hive是构建于Hadoop上的数据仓库基础框架,它提供了以下功能: 可通过SQL轻松的访问数据,从而实现数据仓库的任务.如提取/转换/加载,报告和数据分析. 对各种数据格式施加结构. 访问存储在HD ...
- ORB_SLAM2安装
进入工程目录,我们发现有两个sh文件,一个是build.sh另一个是build_ros.sh. 这两个都可以进行ORB_SLAM2的安装,我们先来看一下build.sh echo "Conf ...
- JavaScript 浏览器中的事件
1.事件的基本概念 事件是指在文档或者浏览器中发生的一些特定交互瞬间,比如打开某一个网页,浏览器加载完成后会触发 load 事件,当鼠标悬浮于某一个元素上时会触发 hover 事件,当鼠标点击某一个元 ...
- (转)用JS获取地址栏参数的方法(超级简单)
转自http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.html 用JS获取地址栏参数的方法(超级简单) 方法一:采用正则表达式获 ...
- linux使用"userdel 用户名“删除用户的解决办法
在新建用户的时候我们可以忽略掉给用户分组的信息,而直接使用“useradd 用户名” 来直接添加新用户,所以由此想到删除用户能不能直接使用“userdel 用户名”来删除用户呢?回答是否定的,如此会残 ...