cocos2d-js学习(一)

本周由于公司需求，做一款游戏集成在App中，调研之后采用cocos2d框架来做(领导命令用这个)；
该框架有c++、js、lua三套开发语言；
由于js更强的跨平台能力(支持微信小程序、web等)，担心c++内存不合理操作可能引发的崩溃太多，所以采用cocos2d-js这套框架。
学习和开发过程中还是踩了一些坑，在下边记录一下，还在持续采坑中

1. 学习流程

1.1 学做demo

• 首先下了cocos creator开发工具，简单阅读了几页文档，就开始跟着学做它的demo了，这个时候其实还不知道这个框架都有啥，开发流程等等，做得时候还是遇到一些坑，各种报错，什么type error、找不到module等不知道原因从何而来，陷入进退两难状态，分析了下开发流程、debug流程不熟、js语言不熟，决定多看API文档，了解开发流程、搭好debug环境、学习ES6（因为觉得该版本的语法更符合面向对象，ES5 var一下就是一个对象，实在不能理解）

1.2 开发/debug流程熟悉

• 配debug环境 这个过程也挺费劲儿，因为有模拟器、浏览器两个预览环境，所以想分别搭好调试环境，在搭浏览器环境时由于还要搞VS Code，这个也不熟，学习一下吧；有个过程，装好了debugger for chrome插件运行发现没反应，不能理解，反复试了几次发现还是不行，然后卸载了重装按照步骤标准一点点儿搞，最终发现是需要cocos creator也打开才能调试，这么坑呢；最后阶段配了compile命令以及加入快捷键后，开发效率高很多，creator基本上可以扔一边了；开始阶段务必一步步按着文档走

1.3 研究protobuf

• 本来觉得就是引用一下protobufjs第三方库，没有太复杂，犯了一个巨大的错误，因为我大概花了两天时间搞这个事情（最主要得原因是觉得这个地方可能是项目的重点，到时候pb搞不定的话，数据不通就跑不起来了）其实应该先保证能用json封装，最后再转pb就可以了，先写大逻辑才对，3次跑楼下跟后端同学沟通这个事情）；用protobufjs 6.8.6最新版本放在项目中，按官方文档去调用，发现一堆报错，不知如何查起；只好去cocos 官方论坛上发帖询问，有一些大神回复，不过求demo而不可得，最终在csdn上找到一篇博客，用5.0版本来做，终于跑通了；这个过程学习了node.js，使用ws库搭了个本地服务器，这块儿还是挺简单的；在pb中遇到好多only for node的错误提示，里边的好多方法是给node.js后端写得，那你分开就好了

1.4 webSocket

• webSocket 做推送很好用，由于一直用http，一个请求对一个响应，转到websocket突然有点儿不适应了，因为刚开始不知道怎么区分message了，最终跟后端同学定了eventId来区分；另一个问题是callback不能保存，下边ES6也有说；还有断开重连机制、监听网络状态变化等问题，由于callback搞不定这些异步问题都不知如何实现了；最终采用异步套异步方式，想办法在方法体内调callback，不太优雅；还有个问题是webSocket传json时，json还是转换成string来传，收到sring后再转json来用

1.5 ES6

• ES6支持class 定义对象，感觉比ES5强大很多；忍不住吐槽下JS的callback，感觉有点儿鸡肋，我的callback不能保存到全局变量中，只能在当前函数中执行callback，这里的异步编程有点儿弱，我只是想按照iOS的写法存一下callback到容器中，然后在合适的时间去调用它，目前来看是不行的[5月6号更新，callback是可以存的]；前端同事告诉我说可以用promise.then，简单看了下代码感觉似乎不能解决我的问题，它只是一个异步编程规范而已，而且已经写了不少代码，还是略坑的

1.6 json转模型
由于js弱类型的存在，就算定义了模型对象，依然不能在点语法时提示属性，而JSON本来就是个对象，再转一层模型的意义就不大了，直接给调用方json对象就好