基于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
                                逻辑清晰

全部评论问答未解决精华

前端大萌新

按老师思路写了一下，下面是代码网址，大家有需要的话可以看一下：
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