HBuilder开发App教程01-推开前端开发App的⼤门
奇妙的前端，奇妙的js
众所周知，⾃从js有nodejs后，前端⼈员可以华丽的转⾝，去开发⾼并发⾮阻塞的服务端程序，
随着html5的出现，伴随⼀些amazing的特性，h5开发app的技术越发的成熟，
⾃从2008年国外推出phonegap后，前端⼈员⼜踏上开发app的路程，
今年来国内也对应推出了⼀些可以让前端⼈员开发app的ide，
不过⼤部分是收费的，强定制的，这⾥就不⼀⼀列举了。
这⾥推荐DCloud推出的HBuilder，⼀句话谁⽤谁知道。
⼀次开发两种app
通过HBuilder的云端打包技术（也可以放到本地），
你只需要写html+js+css即可开发出app，
并且是⼀次开发，即可⽣成android和ios两种对应app。
原理介绍-ui层
app中的ui对应html中的ui，你可以⾃⾏选择ui框架，
⽆论是bootstrap还是amazeui，还是jquery mobi（phonegap推荐ui），
还是HBuilder推荐的mui都可以，
这⾥建议使⽤HBuilder推荐的mui，
因为封装了⼀部分nativejs的东西，
⽽且HBuilder也封装了mui的快捷键，使⽤起来很⽅便。
总结⼀下，就是⽤html层次的ui框架来实现（模拟）app中的ui。
点这⾥下载官⽅mui-app：
原理介绍-nativejs
HBuilder开发app，不可避免的是调⽤android和ios中的原⽣⽅法，
⼤概原理如下：
2    // for ios
3    if(window.WebViewJavascriptBridge){
4        WebViewJavascriptBridge.sendMessage('showSystemToast$' + msg);
5    }else{
6        document.addEventListener('WebViewJavascriptBridgeReady',function onBridgeReady(){
7            WebViewJavascriptBridge.sendMessage('showSystemToast$' + msg);
8        }, false);
9    }
10
11    // for android
12    if(typeof android != 'undefined'){
13        android.showSystemToast(msg);
14    }
15};
也就是封装了js调⽤android和ios的⽅法，
据HBuilder官⽹说法是封装了40w+的原⽣⽅法，
总结⼀下，就是js去调⽤android或iso中的原⽣⽅法。
点这⾥去下载官⽅nativejs-app：
DCloud，HBuilder，mui，nativejs，html5+的关系DCloud
DCloud是⼀家公司
hbuilder
DCloud推出的可以开发app的前端IDE，是基于eclipse⼆次开发⽽来，
所以熟悉eclipse或者myeclipse的开发⼈员可以很快的上⼿。
类似IDE，有phonegap等等。
mui
DCloud推出的模拟原⽣app的ui框架，
类似框架有：bootstrap，amazeui，jquery mobi， framework7等
jquery框架原理
nativejs
⼴义上的nativejs是指可以调⽤android，ios原⽣⽅法的js，
这⾥专指DCloud退出的nativejs，官⽅称封装40w⽅法。
html5+
据说是w3c旗下的组织，⽬标是退出适合开发app的加强版html5，相关参与的机构有很多，但是感觉主⼒还是DCloud
相关链接：
1.html5+：
2.hbuilder：
4.nativejs：
5.bootstrap（国内）：
7.jquery mobi：
8.framework7（类ios）：
9.material-ui（android）：h

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。