基于websocket的火拼俄罗斯（单机版）_技术问答

首页免费课基于websocket的火拼俄罗斯（单机版）问答

基于websocket的火拼俄罗斯（单机版）

                
                程序员面试辅导
            全栈工程师

                    查看讲师更多课程 
                    程序员面试辅导讲师的其他课程
                
基于websocket的火拼俄罗斯（升级版）
中级·21259
免费课程
                                
基于Websocket的火拼俄罗斯（基础）
中级·34056
免费课程
                                
Handlebars模板引擎
中级·13084
免费课程
                                
JS实现人机大战之五子棋（AI篇）
中级·43224
免费课程
                                
JS实现人机大战之五子棋（UI篇）
中级·35627
免费课程
                                
Velocity.js实现弹出式相框
中级·27005
免费课程
                                
                难度中级
            
                时长 1小时52分
            
                学习人数
            
综合评分9.67
                            43人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

慕网老油条

// 先取出对象，以免影响性能
var gameElem = document.getElementById('game');
var nextElem = document.getElementById('next');

4 2-2 界面渲染逻辑

2017-08-27

cleartime

完结打卡，等待下一版

1 3-1 总结

2017-08-27

hcq1221

旋转180°的时候不是这样的吧，2应该是在第三列

1 2-5 左移、右移、旋转、坠落-

2017-08-27

xlelou

6666666

0 1-1 课程简介及游戏原理介绍

2017-08-27

小学童123

@麦咖啡这个不算是个bug，应该算是不同的需求，我玩过不同版本的俄罗斯方块，与的是会掉下来，有的是不会掉下来的。

1 3-1 总结

2017-08-26

cnyballk

最好还是用if else 注释方便方便维护检查兄弟

1 2-4 键盘控制方块下移

2017-08-25

cnyballk

非常的幸运，我没有报错

1 2-3 代码结构调整

2017-08-25

xingchuping

看不懂啊啊啊啊

0 2-4 键盘控制方块下移

2017-08-25

xingchuping

看来我的js还是学得不是很深入，唉

2017-08-25

麦咖啡

历害，不过好像有个BUG，随机生成干扰，如果下面是空的没支撑，上面方块是不是应该掉下来

0 3-1 总结

2017-08-25

前端大萌新

我按老师思路实现了一下，大家可以clone代码做个参考
项目地址：https://github.com/skychx/Game
在线演示地址： https://skychx.github.io/Game/%E4%BF%84%E7%BD%97%E6%96%AF%E6%96%B9%E5%9D%97/index.html

16 2-1 界面搭建

2017-08-24

前端大萌新

按老师思路写了一下，下面是代码网址，大家有需要的话可以看一下：
https://github.com/skychx/Game

自己加了一个click功能，可以在手机上运行

然后说一下我的看法，老师代码中用了大量的DOM查询和DOM修改，这样的后果就是性能有些低，如果操作过快会发现明显的卡顿，大量的if else也可以通过三目运算符或者与或非来解决，这些都是可以改进和优化的地方

课程不错，学到了很多东西

2017-08-24

franose371

其实可以先用createDocumentFragment创建一个文档片段，每次for循环的newNode使用appendChild到fragment上去，最后再把fragment用appendChild到game的div上。
每次for循环就做一次dom查询和插入的话性能太低了。

12 2-2 界面渲染逻辑

2017-08-24

王琴_小小

不错讲的挺细的

2017-08-24

慕无忌4252426

return (pos.x + x < 0 || pos.x + x >= gameData.length
|| pos.y + y < 0 || pos.y + y >= gameData[0].length
|| gameData[pos.x + x][pos.y + y] == 1)
? false : true

0 2-4 键盘控制方块下移

2017-08-24

张智刚

有程序打包吗？

0 2-1 界面搭建

2017-08-23

首页上一页 19 20 21 22 23 下一页尾页

开始学习

课程须知: 1、html、css基础知识 2、JS基础知识 3、会用NodeJS

老师告诉你能学到什么？: 你将学会如何使用js实现实现俄罗斯方块的单击模式，并且学会如何优化代码，如何处理细节。

微信扫码，参与3人拼团

热搜

最近搜索清空

基于websocket的火拼俄罗斯（单机版）