1、html5开发移动端要用什么框架比较好
下面给出部分框架的具体优势,比较后可以选出适合自己的
1, jQTouch
jQTouch易用性强,相关文档也很全面。它的特色是在 使用HTML,CSS和JavaScript创建iPhone App方面拥有出色的能力。jQTouch使用渐进增强的方案,在您相应的HTML顶层来实现像iPhone那样的用户体验。它简单易用,提供了一个基础的小工具集以及动画方案,开发人员只需要编程控制其动态行为即可。
不过有简单测试中发现app的性能存在一定的问题,页面在转换时可能出现跳转或者缺失的情况,以及在响应tap事件的时候还有周期性延迟。该项目在技术上还活跃着,不过原作者的进展和部署都显得太慢了。
只需要遵守MIT的license许可就可以使用jQTouch了
2, jQueryMobile
jQuery Mobile是这个领域的新丁,2010年8月才正式宣布成立,但是已经迅速进展到功能丰富的Alpha 2测试版本了。jQuery Mobile跟jQTouch相比很相似,但是更加标准,更有适应性,感觉很像jQTouch的后继版本,对用户接口和style的支持范围更加宽广了。
jQuery Mobile的性能是不稳定的,(虽然比jQTouch好一些)特别是在响应TAP事件的动画延迟补偿的时候。此外,还缺少一些关键的程序hook,所以不能轻松地让app更加具有动态性能。例如:当一个页面启动的时候事件触发了,这时候却无法通知响应的代码页面将转向哪个用户接口,也不能传递附加的信息给处理模块。针对上述问题,创建工作区来解决还是可行的,但是在这里作者希望其将来的版本能从jQTouch那里学习一下,并把现在的功能缺陷处理掉。
jQuery Mobile的相关文档资料很零散但是有所改进,,(请注意,jQuery Mobile是和jQuery UI相辅相成的,并不是建在单纯jQuery之上的)
想获得jQuery Mobile只需获得MIT或者GPL2 license。
3, Sencha Touch
这是个与Ext JS框架完全不同的产物,其方案与jQTouch/jQuery完全不同:Sencha生成自己的DOM(基于用JavaScript创建的对象)代替了先前存在的HTML增强方式。如此,使用Sencha工作的感觉不像是web编程,而更像是使用Java或者Flex等技术来做app的样子。比起jQuery来,Sencha的感觉更像是YUI。
sencha跟其竞争对手们相比,扩展性强了很多:它拥有大量的用户接口组件,直接的iPad支持,拥有JSON和HTML5线下存储技术使得存储和数据绑定更加方便。(使用Sencha的数据结构来操作app的数据十分酷~它可以实时响应列表的更新)此外,Sencha还是唯一在工具栏上支持内嵌的对象支持,其他方式都是滚轮列表的样子。
在测试程序中,使用Sencha与jQTouch/jQuery相比,虽然app很明显地不那么轻量级,但是其性能和可靠性方面明显提高了,不过其初始化加载时间略慢。
当使用库library或者框架frame进行开发的时候,不遵守框架或者用自己的方式通常都不会获得成功。但Sencha的支持范围足够宽广,这意味着可以使用Sencha的开发方式来实现任何需求。
在文档方面,Sencha做的不太好,虽然很广泛,但是又有很多旧版本的老漏洞没有及时更新,在这些框架中与bug作斗争,调试过程浪费了很多时间,因为文档不够健全,很多问题难以追踪或理解。而在开发者论坛响应作者提问的频率还算较高,不过最终感觉还是不太够。Sencha提供的付费技术支持起价是$300每年,
获取Sencha需要遵守GPL3 license,以及在某种不是GPL标准又很相似LGPL的授权下也能用,以及遵循非商业license也可以获得。
4,TitaniumMobile
与Sencha Touch很相似,Appcelerator公司的Titanium Mobile可以让您使用Javascript API来编写app。不过与Sencha不同的是,Titanium把代码编译成Native的iPhone或Android app,这意味着它并不是一个真正的Web框架,而是一个兼容层或者编译器。(请注意Titanium Mobile的近亲Titanium Desktop是一个基于web的,可以使用HTML /js来编写桌面封装的本地应用的一款软件)
这么说来Titanium允许web开发人员使用JavaScript和一点点XML之类的其他相关技术,可以实现高性能、更换皮肤很方便的Native App,而不需要额外去学习Objective-C或者Cocoa Touch等技术了。
不过这个优点也是其致命的缺点,只能作出Titanium所支持的平台上面的应用,被它们的开发工具限制住了。想证明这一点只需要换一个不是iPhone的平台上来跑一下就知道了。同时,Titanium的调试器也不怎么样,不能使用XCode方式运行或者调试,就算在其仿真器上面程序跑的还算不错,还是需要自己去实际机器上自己再找问题。
2、html5做移动端开发有什么优势
HTML5的前景是非常好的,企业现在安卓、iOS开发人员都在学习HTML5混合开发,节约成本、一专回多能是未来很多企业用人答趋势!HTML5工程师在今后的工作中与Android、iOS工程师对接的几率非常大。混合式开发思想培训出来的学员比单一课程学员薪水高至少2000元,同时企业也更愿意去花更多的钱来聘请那些了解比较全面的开发人员!混合式开发讲师需要同时精通Android、iOS、HTML5等多门课程,这样才能在教学过程中融合混合式开发思想,让学员能够同时了解一些与本课程最相关的技术,为学员今后在工作中的对接和配合工作提供极大助力,对学员今后的职业发展也会有很大帮助。可以参加HTML5培训班的学习,拥有“混合式开发特聘讲师”这一大特色的,混合式开发课程对讲师的要求非常之高,至少同时具备3年或以上教学和技术经验的讲师才可以胜任,这是其他机构无法提供的!学习主要也是靠自己的,现在HTML5很火,前景未来5~10年内绝对好,好好学习拿高薪工作是没问题的。
3、html5 手机端怎么优化页面滑动
1
4、如何将pc端排版好的h5页面等比缩放到移动端
您好,pc端和移动端比例适配不同,一般需要单独排版了,如果使用coolsite360进行网页编辑制作,可以实现响应式网页布局,实现移动,pad,pc三端适配,希望可以帮到楼主。
5、基于HTML5技术在移动端建站的优势
现在html5的应用已经非常广泛了,尤其是在移动端得到了较多的应用。在很多的回场合下,使用答html5都可以替换app的功能。尤其是现在二维码和手机网站以及微信公众号的开发,更使很多人感觉html5将要代替原生的app技术了,其实这样的理解和认识在很大程度上是不正确的。下面我们就来分析html5用在移动开发的优劣:
html5的优势:
1.开发成本较低,这里体现在两方面,首先html5入门较为容易,而且又很多的js框架可以调用,可以不用费太大的开发量,就可以做出很多很复杂的界面效果;其二,熟悉各种web开发的,都可以进行开发,人力成本比较低。所以使用html5来开发,其成本低,开发周期短。
2.屏幕适配好,能够以一套代码和资源,适配多种手机屏幕。
3.编写一次,处处运行。统一的代码能够运行在不同系统的设备上。
4.对屏幕旋转处理比较好,不用对屏幕旋转进行太多的处理。
5.可通过和微信公众平台等其他公众平台接入,可以很方便打开。
讲完了优势,下面来看看他的劣势:
1.html会带来加载的延迟,数据访问过大,对网络要求较高
2.不具有较好的容错处理
6、html5移动端网页开发和pc端的区别
pc端目前仅复使用html5部分功能做渐进制增强,移动端针对智能机开发则可以完全迁移到html5上来,低端java手机使用wap技术开发。明确一个概念,html5 = 新版html标记语言 + css3 + 脚本API;但从标记语言来比较html5 和 html4之间的差别: 1 更加语意
7、用html5做的移动端网站有什么好处
可以实现一些其他的html4没有的功能,比如获取gps或者调用手机的一些设备都是可以使用html5实现的
8、html5实现移动端效果时,怎么做好用户体验
最重要的点:需要控制不同尺寸的设备显示的效果
其次考虑移动端的兼容性以及显示的内容从简为主
不同的尺寸主要是在不同尺寸下有不同的样式: 不同的尺寸一般移动端这样控制
@media screen and (max-width: 319px){
.show-menu{
width: 40px;
height: 40px;
left: 2%;
top: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 359px){
.show-menu{
width: 40px;
height: 40px;
left: 2%;
top: 50%;
}
}
@media screen and (min-width: 410px) and (max-width: 479px){
.show-menu{
width: 44px;
height: 44px;
left: 2%;
top: 50%;
}
}
@media screen and (min-width: 480px) and (max-width: 639px){
.show-menu{
width: 50px;
height: 44px;
left: 2%;
top: 50%;
}}
@media screen and (min-width: 640px){
.show-menu{
width: 55px;
height: 44px;
left: 2%;
top: 50%;
}}
9、前端er们如何最快开发h5移动端页面
Bootstrap是目来前最流行的前端开自发框架,最新出来的Bootstrap3提出移动优先,Bootstrap框架主要针对的是桌面端市场,在布局、版式、控件、特效方面都非常让人满意,能极大丰富界面效果,方便前端工程师开发,目前主流的Firefox,Chrome,Opera,Safari,IE8+浏览器都能够很好的兼容,在框架扩展方面,随着Bootstrap的广泛使用,扩展插件和组件也非常丰富,涉及显示组件、兼容性、图表库等各个方面。Vue.js是一套构建Web界面的渐进式框架,是目前唯一提供支持混合预处理器,对CLl,vdom,JSX等业界认可的理念能够完美的实现。非常受业界移动开发者的喜爱,大型互联网公司都在使用,如阿里巴巴,饿了么等。AngularJS是一款优秀的前端JS框架,旨在简化前端应用程序的开发。它能快速的构建企业级的web应用。目前比较流行的Bootstrap和ionic都是基于AngularJS。AngularJS很小,只有60K,兼容主流浏览器,与jQuery配合良好。
10、为什么HTML5教程是最适合移动端开发的
H5e教育HTML5开发解答
1.离线缓存为HTML5全栈开发移动应用提供了基础
2.音频视频自由嵌入,多媒体形式更为灵活
原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦,需要拆分开文字、图片、音频、视频,解析对应的URL并分别用不同的方式处理。
HTML5在这个方面完全不受限制,可以完全放在一起进行处理。
3.地理定位,随时随地分享位置
充分发挥移动设备对定位上的优势,推动LBS应用发展。
可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。
地理位置定位,让定位和导航不再专属导航软件,地图也不用下载非常大的地图包,可以通过缓存来解决,到哪儿下哪儿,更灵活。
4.Canvas绘图,提升移动平台的绘图能力
使用Canvas API可以简单绘制热点图收集用户体验资料
支持图片的移动、旋转、缩放等常规编辑
5.专为移动平台定制的表单元素
6.丰富的交互方式支持
提升互动能力:拖拽、撤销历史操作、文本选择等
7.HTML5使用上的优势
更低的开发及维护成本;
使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低;
方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存。