For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
随着互联网的不断发展,越来越多的程序员都转型移动端app应用开发领域,下面我们就通过案例分析来了解一下,移动端app软件应用开发分享。
使用HTML5+开发的移动App并非mobileweb页面。这是新手容易混淆的地方。mobileweb的文件存放在web服务器上,而移动App的文件存放在手机本地,编写移动App的html、js、css文件被打包到ipa或apk等原生安装包,在手机客户端运行。
当然这些移动App里某些页面也可以继续从服务器端以网页方式运行。所以mobileweb,在HBuilder里新建项目时,属于web项目。不要放置到移动App项目。mobileweb项目也不能真机联调和打包.
无所不能的js
开始js仅仅局限于网页上一些效果,操作网页内容等,但是nodejs把js带入了后端,也就是服务器端,从此前端人员可以涉及后端,前后通吃,native.js(以及其他js,稍候介绍)把js带入了移动端,从此前端人员前后移动端通吃。
前端涉及app的两种方式
适应移动端的网页
大家都很熟悉的bootstrap,和现在刚出来的amazeui就是这种方法的代表,说的简单点就是对移动端做了适配,布局样式组件都适合移动端展示。
缺陷:毕竟不是app,不管怎样也没办法取代app的便捷和功能强大。
js+html+css+打包技术
比较有名的就是phonegap了,国内的是hbuilder,大概的意思是html负责页面内容,js负责效果以及调用原生app方法,ui框架负责样式,后打包成apk或者ipa。
不谈phonegap,不适用国内国情,是的,你没有看错,这是一个开发的ide,其实就是对eclipse进行了深度定制。
特点是快捷键比较多,支持移动app开发(h5+方式)。
可以说nodejs将js带到后端,h5+将js带到移动端。
原理
上面说过的原理,再次说一遍:
html负责页面,也就是的内容和框架;
js负责调用方法,也就是调用一些移动端原生;
ui负责样式,比较有名的bootstrap,amazeui,jquerymobile,mui
ui比较
上面说的几个ui,做下简单比较,仅代表个人观点,
Amazeui:功能和bootstrap重复,官方解释是对中文排版做了优化,个人觉得有点多余,bootstrap就很好。
Bootstrap:适合移动端浏览网页适配,移动端浏览效果不错,但是还是网页。
jquerymobile:专门对移动端做定制,看起来就像手机应用一样,js+css,国外的,不推荐,有坑。
Mui:这个是推荐的,比较了jqmobile和mui,显然mui效果样式好点,估计也会有坑,但是支持国产吧。
下面通过一个简单的例子,讲解如何创建开发。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。