Hybrid App开发者一定不要错过的框架和工具

HybridApp开发者不可错过的框架和工具ionicFramework我是HybridApp的忠实粉丝和强烈拥护者。从新浪移动云开始，我就一直在寻找一个可以帮助Web程序员开发美观易用的UI层框架。翻遍了jqmobile、senchatouch等框架，一直没能找到一个真正符合我想法的框架：应该是为hybridapp设计的，组件式结构，UI简洁美观。许多学生不了解为混合应用程序设计和为移动网络设计之间的区别。我只说最典型的一点：HybridApp的资源都是本地的，没有网络读取的消耗，所以最理想的方式就是一次性下载。进入多个界面，应用直接在多个界面之间切换，而不是为了节省流量通过ajax按需加载。后者正是jqm等框架所做的。我在概念层面上无法接受senchatouch。让我感觉我不是在写接口，而是在做算法作业。关于这些老框架的吐槽之前都有写过，就不多说了。接下来，让我们谈谈最新的发现。转眼两年时间，开始出现很多更适合混合应用的框架。在这次选择中，我其实首先选择了chocolatechip-ui。和我之前写的lazymobile概念很像，用div作为App界面，界面切换其实就是浏览器在div上滑动。界面采用ios7的图形设计风格，非常赏心悦目。当我看到它时，我很感动。看了基本的代码实现，找了个小需求试了一下。本来是tab+侧边菜单的app，后来发现chocolate-chip组件封装不够，多个组件重复嵌套会出现各种交互。这显然违反了正交性原则。所以我很不情愿地放弃了它。然后我遇到了ionicframework。Ionic以angularjs为基础，在封装上有了质的提升。您可以使用等标签来描述一条微博。它还使用angualar-ui中的状态来切换界面，从而保证切换过程的顺利进行。此外，它还直接集成了Cordova的命令行工具（即phonegap），写完app直接一条命令编译即可。ionic的学习成本比较高。因为Angularjs是一个真正的MVC框架，它的M和V双向绑定。春节的时候花了点时间学习了一下，可以写一些简单的应用了。有时候在学习的时候还是无法改变自己的想法。比如我一直在苦思冥想怎么提交表单，提交到哪里。但实际上，form表单的控件是绑定在data对象上的，只要调用data对象的save方法即可。但是整体来说，我还是比较推荐这个框架的，我也觉得AngularJS的做法代表了未来。学习新事物有时可以让生活更有趣。我在写RippleEmulator代码的时候，一般都是使用node的http-server直接在代码目录下创建一个web服务，使用浏览器调试。但是代码中phonegap的扩展功能经常会导致页面错误。之前为了解决这个问题，我们做了一个云窗口调试器，但是现在因为一些原因，基本没有更新了。另外，云窗口调试器在调试前需要先把代码传到SAE，没有本地方便。这里推荐一款Chrome扩展，RippleEmulator。使用此扩展程序，您可以直接在Chrome上调试Colrdova的功能。可以选择模拟器测试屏幕大小，也可以选择模拟器的Cordova版本。五星级推荐，用过就会回头喜欢。我也会用到一些Angular相关的工具，所以这次就不整理了。以后有空我会整理，请关注我的微博获取最新消息。