Introduce the front-end personnel to develop the application of several methods, specific introduction Hbuilder development app, a fan like the new door ~
The first JS is limited to some effects on the Web page, the operation of Web content, etc.
But Nodejs put JS into the back end, that is, the server side, from the front-end personnel can be involved in the backend, before and after all,
Native.js (and other JS, later introduced) JS into the mobile side, from the front-end personnel to move all-in-all.
Everyone is familiar with the bootstrap, and now just out of the Amazeui is the representative of this method,
The simple point is to adapt the mobile side, yes layout style components are suitable for mobile display,
My personal website (uikoo9.com) is the use of bootstrap3 do, mobile browsing effect is also very good.
Flaw: After all, not the app, no matter how you can not replace the convenience and powerful features of the app.
js+html+css+ Packaging TechnologyThe more famous is the PhoneGap, the domestic is the Hbuilder,
Probably means that HTML is responsible for the page content, JS responsible for the effect and call the native app method, the UI framework is responsible for the style,
Finally packaged as an APK or IPA.
Do not talk about PhoneGap, not applicable to domestic conditions,
Yes, you're right, this is a development IDE, which is actually a deep customization of eclipse.
Features are more shortcut keys, Support mobile app development (h5+ mode).
Finally, here's the point, this is the packaging technology mentioned before,
It can be said that Nodejs JS to the back end, h5+ JS to the mobile side.
The above-mentioned principle, again said again:
HTML is responsible for the page, that is, the content and framework;
JS is responsible for invoking the method, that is, calling some mobile-native;
UI is responsible for the style, the more famous Bootstrap,amazeui,jquery Mobile,mui
A few of the UI mentioned above, do a simple comparison, only represent personal views,
Amazeui, function and bootstrap repetition, the official explanation is the Chinese typesetting is optimized, personally feel a bit redundant, Bootstrap is very good.
Bootstrap, suitable for mobile browsing web, mobile browsing effect is good, but still the web.
jquery mobile, specifically tailored to the mobile side, looks like a mobile app, Js+css (300k), foreign, not recommended, has pits.
MUI, this is recommended, compared to the Jqmobile and MUI, obviously MUI effect style better, it is estimated that there will be pits, but support domestic bar.
No need to build iOS and Android development environment, only need to download hbuilder (estimated need Java environment support),
Selected UICurrently recommended MUI, good effect
Write eventsUsing JS to invoke native methods to achieve app effects
Write business logicTitle
Words say no more feel is not very big, below to code and pictures,
File structure:You're not mistaken, just need an HTML page, add some js,css, this example uses the jquery mobile
Page code:Head section, just introduce some of the necessary JS and CSS
Body section, normal page
<body><div data-role= "page" ><div data-role= "header" >DebuggingThe phone connects to the computer and then runs under Hbuilder--the phone runs--running on the device,
You can see the effect on the phone directly.
EffectPackagedIn Hbuilder, the hairstyle--app packaged and then delivered to the cloud to be packaged and downloaded automatically when packaged, for example
Did you have a heartbeat?
Now, if you can html+js+css, you just need a hbuilder to develop apps, all-in-one Android and iOS
More
More articles please follow uikoo9.com
Front-end development app, starting from Hbuilder ~
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
