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 无状态的功能 ...
随机推荐
- C语言关键字分类整理
C语言总览: 强类型,面向过程 简洁.灵活:32个关键字(C99标准新增5个,C11新增7个),9种控制语句,34种运算符 数据类型丰富,运算符丰富 结构化(控制语句).模块化(函数) 灵魂.特色:指 ...
- Javascript学习一数据类型
1.介绍js的基本数据类型 Undefined.Null.Boolean.Number.String (1) Undefined和Undifined区别 null是一个表示"无"的 ...
- php:数组与json数据相互转换
1.数组转json $json=json_encode(数组名) 数组转json字符串 2,json转数组 $arr=json_decode(json字符串,[true]) 不加true第一次转直接转 ...
- iOS 跨App数据共享
http://www.jianshu.com/p/169e31cacf42 http://www.jianshu.com/p/7f8472a97aa6 https://segmentfault.com ...
- 浅谈jquery事件命名空间
什么是jquery的事件命名空间? 先看如下简单代码: $("#btn").on("click.name1.name2",function(){ console ...
- iris:get json
package main import( "github.com/kataras/iris" "github.com/kataras/iris/middleware/lo ...
- 使用XHProf查找PHP性能瓶颈
XHProf是facebook 开发的一个测试php性能的扩展,本文记录了在PHP应用中使用XHProf对PHP进行性能优化,查找性能瓶颈的方法. 一.安装Xhprof扩展 //github上下载ht ...
- [LeetCode&Python] Problem 27. Remove Element
Given an array nums and a value val, remove all instances of that value in-placeand return the new l ...
- 百战程序员——JDBC
JDBC全称是什么? JDBC(Java DataBase Connectivity,java数据库连接)是一种用于执行SQL语句的Java API,可以为多种关系数据库提供统一访问,它由一组用Jav ...
- reset()方法的使用、jq下面reset()的正确使用方法
reset()是 原生js的的方法,所有浏览器都支持,而且必须是form元素包括下的表单元素,但是JQuery中没有reset方法, 效果图: 错误用法: 正确用法: js用法: document. ...