Hybrid app developers must not miss the framework and tools///////////z

Ionicframework

I am a loyal fan of the hybrid app and a strong advocate, from the beginning of the Sina Mobile cloud is constantly looking to help web programmers to develop a beautiful and useful UI layer framework. After the framework of Jqmobile, Sencha touch and so on, I have not been able to find a framework that really fits my mind: it should be designed for the hybrid app, a modular structure, and a simple and graceful UI.

Many students do not understand for the Hybrid app design and for mobile web design is different, I only say the most typical: Hybrid app resources are local, no network read consumption, so the ideal way is to load multiple interfaces at once, the application directly between the multiple interface switch, Rather than to save traffic via Ajax on-demand loading. The latter is the practice of JQM and other frameworks. Sencha Touch in the conceptual layer I can not accept, it makes me feel that I am not writing interface, but doing algorithm work. The old frame of The Spit Groove, previously written, no longer say. Now let's talk about the latest discoveries.

In the blink of an eye for almost two years, many more frameworks for hybrid apps are starting to appear. This selection I actually first chose the chocolatechip-ui.

It is similar to the Lazymobile concept I have written before, using Div as the app interface, and the interface switching is actually the browser sliding on the div. The interface adopts the IOS7 graphic design style, which is very pleasant. I see the heart, read the basic code after the implementation of a small need to try to find. It was a tab+side menu app, and then I found that the Chocolate-chip component was not encapsulated enough, and there were various mutual effects when multiple components were repeatedly nested. This clearly violates the principle of orthogonality. So I reluctantly and it split hands.

Then I met the Ionicframework. Ionic uses ANGULARJS as its foundation, which has a qualitative improvement in encapsulation. You can use a tag like <weibo> to describe a microblog. It also uses the angualar-ui inside the states to switch the interface, so as to ensure the smooth transition process. In addition, it also directly integrates the command-line tools of the Cordova (that is, phonegap), after writing a direct command to compile the app.

The cost of learning ionic is higher. Because Angularjs is a true MVC framework, it's M and V are bound in two directions. I spent some time in the Spring Festival to learn a bit, can write some simple applications. Learning sometimes is still thinking change, such as I have been hard to think about how to submit form forms, where to submit to. But actually the control of the form form is bound to the data object, just call the data object's Save method.

But overall I still recommend this framework, and I think Angularjs's approach represents the future, and learning something new sometimes makes life more enjoyable.

Ripple Emulator

When writing code, I usually use node's http-server directly in the code directory to start a Web service, debugging with the browser. But those phonegap extensions in the code often cause the page to get an error. In order to solve this problem before, we made a cloud window debugger, but now for some reason, basically does not update. In addition, the cloud window debugger needs to upload code to the SAE before debugging, nor local convenience.

Here to recommend to everyone is a chrome extension, Ripple Emulator.

With this extension, you can debug the Colrdova feature directly on Chrome. The simulator can be selected to test the screen size, and the Cordova version of the simulator can be selected. Five-Star recommendation, with you will come back to praise.

There are also some angular related tools I also use, this time I will not tidy up. After you have time to clean up, please follow my Weibo to get the latest news.

Hybrid app developers must not miss the framework and tools///////////z