A tentative study of Html5+mui+hbuilder lover

Source: Internet
Author: User

07, in 08, when Java was hot, C + + was still widely used in a language, so my university was dedicated to C + + and Java. When Nokia's failure became a sign of the fading of the key-press era, the development of mobile apps was also like the flood of the levees. The explosion has risen. Little brother, reflecting a bit slow, coupled with outdated concepts, (C + + program Ape Common disease-think front-end = Low-end & mobile = Front end), and therefore did not hit the foundation of mobile apps. This gave me and our interest in the small team to do some creative projects also brought an insurmountable hurdle.

Now, which web app doesn't move the appclient, it's like the plane has no wings. Handsome no room no car no education, beauty can not bear the same, so that people can not accept, and fire not up. It is gratifying to be. Someone on my team would develop Android, so all I had to worry about was iOS development, so I taught myself to develop Xcode on iOS. I can only say that I am a beginner now.

Getting started I found that iOS development is too cumbersome. After all, I'm not specifically doing this, and to become a skilled developer, I need to spend a lot of time researching open source controls. Rewriting the code and so on, of course, is also a bother with Xcode's MVC logic (MVC is very good for web development, but is it really suitable for local application development?). Younger brother as a new Xcode spit groove sentence: This is equivalent to the VC in the mfc! Used Delphi and Cbuilder these rad will like BCB interface development, start simple, what you see is income. So after delPhi's Anders Hejlsberg went to Microsoft and developed Microsoft's greatest language--c# and related components , when I first used C # for Windows window application development. I feel the soul of Delphi Interface Development ).

The advent of MUI really freed me when I was confused about how many of my ideas were going to be ruined by huge app development costs.

First introduction to the following MUI:

MUI (Mobile User Interface) is a set of HTML5-based, html5+-compliant. China Team (whether there is a foreigner I do not know OH) developed, open source (following the MIT terms), for mobile phone interface development of a set of frameworks. The following is excerpted from the MUI on GitHub project Description:

The gap between performance and experience. has been the primary reason for mobile app developers to abandon HTML5.

The browser is born to cut page white screen, can not bear to look directly at the page animation, floating element jitter, unable to smooth down the refresh and other issues. All this is frustrating for HTML5 developers. In particular, the Android low-end machine to execute, fell the heart of the phone has; on the other hand, the browser default control style is small and ugly, making a beautiful control is cumbersome, there are some production simple UI framework but poor performance.

The MUI framework effectively overcomes these issues, a framework that facilitates the development of high-performance apps, and is now the closest to native app effects. -- excerpt from the MUI on GitHub project Introduction

The advent of MUI is no coincidence, the younger brother has had a similar complete design before, so when the MUI out of my vision, many other is the kind of "great minds alike" pleasure. I have thought about and tried to explore the use of Xamaria. This thing is a charge, second, feel a little semi-finished, development environment is very cumbersome. Not suitable for beginners to use as a hobby.

Xamarin was founded in 2011 and is designed to make mobile development incredibly fast and simple.

Xamarin's products simplify application development for a variety of platforms. Includes iOS, Android, Windows phone, and Mac apps.

Xamarin was founded and participated by many well-known developers of open source communities. And is also the leader of the Mono project--c# and · NET Framework for open-source, cross-platform implementations. --excerpt from Baidu Encyclopedia.


At the beginning of the year. I wondered why I couldn't come out. A JVM-like, virtual machine that executes on Android, iOS, and then developers just need to use a single language (Java. Javascript,python, etc.) to be able to develop software that executes on whatever mobile platform? Then use drag + Event programming (equivalent to developing Windows apps with Bcb/delphi) to develop the app interface? By that time. Users just need to drag and drop the control, double-click to add the event, change the style and other properties to complete the general application. Also, the app's installation package will be very small. We put some of the canonical styles and the underlying controls into this virtual machine. Execution only needs to be called according to the ID. Of course, the grass people certainly do not have this ability. Time. Money to do this ...

MUI contains the birth of similar software, is definitely I heard this year on my most useful software industry in one of the news!

It will greatly improve the grass-roots program Ape development of Web products of individual combat capability. Although I am not familiar with the development of native apps. or for html,css and JS can not be said to be proficient, but not virtual!!

At least have experience, understand the principle. The cost of learning with Xcode is much better than it is!

Although I am Xcode rookie, should not black Xcode, just before the appearance of Swfit, let me see the pig run ... (I've never eaten pork.) Haven't you seen a pig run yet? )

MUI is one of the revolutionaries developed by the mobile side (the same kind of product has been coming)! The Gaofu will eventually be lost. "Local tyrants". The life of a great landlord in the way of development. Perhaps after MUI there is a better similar framework to produce, now (end of 2014) MUI is one of the most convenient app development frameworks based on H5!

The schematic diagram for the MUI framework is as follows:


html5+ Runtime is the H5 of the environment, its function is actually the mobile phone on the Web browser. Just add an adjective: efficient! It runs JS and HTML at a much higher speed than the iOS comes with Safari. achieve speed comparable to native by efficiently running the HTML5 and Js,mui framework.

The MUI framework is now a product--hbuilder and a H5 IDE that follows the h5+ specification.

With Hbuilder, we are able to develop H5 Web pages at high speed, and it runs fast in the MUI frame, and you don't have to worry that he doesn't look like native. In addition, Hbuilder, known as the most Html+js IDE in history, offers a variety of shortcut keys, and abbreviations. The younger brother experienced the next. It feels really good. It's just a good tool to do, after all, the meaning of the MUI itself is not big, but it is still very encouraging.

To use Hbuilder to develop and debug the mobile app (and let it be called by the little brother), just need to:

(1) Download mobile software: http://dcloud.io/hellomui/

(2) Download Hbuilder, install. Open it.

———————— The following is the development phase ——————

(3) New. Write a project (HTML,JS,CSS, pictures, etc.).

(4) Plug in your phone and connect to the computer. Click the Execute button (see Tutorial in detail). For debugging.

(5) Packaging announcement!

How? It's so simple.

This thrill!

。! Gee.

Let's talk about my development predictions for MUI:

At the beginning, the MUI is the most a hanging wire frame, certainly do not dare to swagger about the industry norms, so just can put their own runtime packaged in whatever one published application. So assuming that a user's phone has multiple hbuilder developed apps, there will be multiple basic libraries that are repeated.

Just the MUI frame is very small, don't worry very much.

With the promotion of MUI, the rich style, the runtime and the core package made a larger and more complex requirements, so this package should be larger, thus promoting the H5 + Runtime platform and firmware (software firmware), and perhaps a few years, every mobile phone operating system will bring this execution environment, Apps that are based on it may only have hundreds of KB.

As for the fate of MUI's fortunes, it is either playing independently to provide services to the major mobile phone providers, ask for service fees, or be apple. The giants of Samsung are buying heavily. In short, this technology is very good, but the profit model and finally fate will be similar to Java.

Hope MUI's comrades will redouble their efforts. Be good at service and work. You have just used the next voice input feature. There seems to be a small bug.


(This article is purely after the meal gossip, do not seat, saliva fullscreen)


A tentative study of Html5+mui+hbuilder lover

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.