本月博客排行
-
第1名
bosschen -
第2名
lerf -
第3名
paulwong - fantaxy025025
- johnsmith9th
- zysnba
- xiangjie88
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wy_19921005
- vipbooks
- e_e
- gengyun12
- benladeng5225
- wallimn
- javashop
- ranbuijj
- fantaxy025025
- jickcai
- zw7534313
- qepwqnp
- 解宜然
- ssydxa219
- zysnba
- sam123456gz
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- jh108020
- wiseboyloves
- ganxueyun
- xyuma
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- zxq_2017
- nychen2000
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- zhanjia
- hanbaohong
- Xeden
- java-007
- 喧嚣求静
- mwhgJava
- kingwell.leng
最新文章列表
React学习之围棋记谱本制作(七)总结
通过围棋记谱本这个小例子,基本掌握了node.js+react+express+webpack+oracledb+webstorm+bootstrap等众多的新技术。虽然很辛苦,但基本上能用这些技术做些事情了,感觉很高兴。较系统地处理了React开发、状态管理、前后台交互等功能。
最大的感受:React、chrome真是个好东西。
程序还不是很完善,比如不能打开棋谱,前进、后退观看下 ...
React学习之围棋记谱本制作(六)棋谱保存
这块功能仅从原理上走通为目的,代码没有仔细推敲、数据结构的合理性也没有仔细考虑。代码也比较简单,只是express、oracledb、JQuery的使用。
流程大致为:页面搜集要保存的棋子编号、颜色信息,通过JQuery的$.post方法提交,提交到服务器端通过express提供的地址,如http://localhost:8888/go/save,由服务器端的Node.js程序调用oracl ...
React学习之围棋记谱本制作(五)死活判断
这一部分内容基本与React没有关系。判断棋子的死活,比较容易,用种子填充算法来处理。我跟种子填充算法还有些故交,记得上学时,编写挖雷的程序,就用过。
对于围棋死活的判断,要分清块(同色相连的棋),判断整块棋的气,大致的流程如下:
a) 遍历棋子,如果不是空,则记录颜色,作为种子压入栈中(并记录到Map中),如果遍历完成,转g);
b) 如果栈为空,则转e) ;否则转c) ;
c ...
React学习之围棋记谱本制作(四)前端开发初步完成
今天初始完成了页面端的开发工作。把遇到的问题说一说。
(1)开始时,对javascript的对象或数组拷贝、赋值理解不是很透,折磨了我好长时间。 理解了对象或数组的赋值,实际上相当于C语言中的指针地址赋值,就知道了保存每一步的棋盘状态,要把对象拷贝一个副本,避免后继的变化,影响保存的状态。
(2)JQuery提供了对象拷贝的方法,extend。这个方法有深拷贝、浅拷贝之分,如果浅拷贝,不 ...
React学习之围棋记谱本制作(三)状态管理
React是状态改变引起组件外观界面的变化。刚学时,很自然想到组件间通信、控制组件状态的方法:获取某组件的状态,修改,进而控制组件外观。可上网一查,好像套路不是这样的。研究了一个上午,搞清楚了其中的门道。正统的方法是:维护一个全局状态,通过发布/定阅机制,组件注册感兴趣的状态变化监听器(回调函数),状态变化时通知监听器,监听器修改组件的状态,然后引发界面变化。
原理弄明白了,准备开始弄。
...
React学习之围棋记谱本制作(二)棋盘、棋子、交替落子
与儿子一起学围棋,上网上找,发现好用的记谱本软件特别少,打算自己做一个。不知能不能克服惰性,完成这个目标。
千里之行,始于足下,今天完成了基础工作:棋盘、棋子组件,并完成了交替落子功能。是React基本功能的很好示范,代码贴一下。下一步就是多组件的状态管理、共享了。
这里刚开始使用的是全局变量来管理状态,后来发现这是一个不太对路的方法,后来改用了全局的一个状态管理类来统一管理状态、处理状 ...
html5游戏开发教程实战:五子棋、四子棋、围棋、翻转棋四种对弈游戏,仅仅100行代码
代码下载地址:http://www.zuidaima.com/share/1839614057712640.htm
原文:html5游戏开发教程实战:五子棋、四子棋、围棋、翻转棋四种对弈游戏,仅仅100行代码
...