问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

html5开发常见的7个框架,你知道几个?

发布网友 发布时间:2022-04-23 19:55

我来回答

2个回答

懂视网 时间:2022-05-12 06:03

随着互联网技术的发展HTML5越来越好,移动端的硬件也会越来越强,你仔细看一看你手机上的应用,很多应用已经悄悄的使用混合式开发了。有人说HTML5开发的很慢,其实不以为然,我们开发的时候需要用到很好的HTML5开发工具,照样可以开发出很好的移动应用。目前已经有很多的框架可以帮助你开发跨平台的移动应用,在这篇文章中,我们只介绍最牛的7个。

IONIC

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就 。

IONIC的开发团队将尽快开发出一种通过IONIC creator提供开发者快速创建IONIC应用的方式。我们将很快就会看到一个支持拖拉功能的可视化开发工具,几分钟内开发一个app将不再只是吹xx。

如果对IONIC感兴趣,可以看一看本站的IONIC教程 。

Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有:Bootstrap 3、AngularJS

Bootstrap 3 Mobile组件,比如switches, overlays和sidebars,这些都是bootstrap中没有的。

AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate

响应式媒体查询是将bootstrap作为单独的文件,你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖,你需要做的只是通过一些AngularJS指令创建友好的用户体验。

详细了解可以看一看 the Mobile Angular UI demo page,上面有Mobile Angular UI的实践,如果你想了解的更深入一些,我建议你读一读 getting started with Mobile Angular UI。

Intel XDK

Intel XDK 是Inter开发的一款跨平台开发工具,我们可以很容易的通过Intel XDK开发应用,你需要做的只是下载他们的应用开发工具 ,有Linux、Windows和Mac版,它还提供了很多个开发框架,比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

相关的APP frameworks的开发使用教程:移动开发实战:App frameworks开发支持移动设备全屏滚动应用

在之前我写过关于Intel XDK很详细的教程,没有看过的同学可以看一看:

通过Intel XDK编写跨平台app(一)

通过Intel XDK编写跨平台app(二)

Appcelerator Titanium

Appcelerator’s Titanium 不同于其它框架的是,它是一个开源的框架。

Titanium是混合式移动应用开发的一站式解决方案,你只需要下载 Titanium studio就可以解决所有的事情,Titanium SDK包含了很多手机平台的APIs和后端云服务。

Titanium使用 Alloy,Alloy是一个快速开发的手机应用MVC框架, 模块式开发可以大大减小开发时间,提高代码复用。

Titanium studio 还提供了一些code模板。你可以熟悉一下这些模板,相关的教程也很快会推出。

Sencha Touch

Sencha Touch 同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。它已经诞生很多年了,现在已经成为很常用的混合式编程开发框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。

下面是Sencha官方给出的几点特性

基于最新的WEB标准 – HTML5,CSS3,JavaScript。整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。

支持世界上最好的设备。Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。

增强的触摸事件。在touchstart、touchend等标准事件基础上,增加了一组自定义事件数据集成,如tap、swipe、pinch、rotate等。

数据集成。提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。

Kendo UI

Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。

PhoneGap

PhoneGap 恐怕是最老的一个框架了,相信很多人都已经听说过甚至使用过它,但是PhoneGap是基于开源的 Cordova 商业版本。

第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。创建它的一个主要动力是基于一个几乎每一个单独的iPhone开发新手都要面对的简单事实:Objective-C是一个对Web开发人员来说非常陌生的环境,并且Web开发人员的数量远远多于Objective-C开发人员的数量。

问题是,是否有人可以开发一个框架,让Web开发人员可以利用他们所有的HTML、CSS和JavaScript知识,而且仍旧可以同iPhone的重要本地应用程序(如摄像头和通讯录)交互呢?

就在那一年,PhoneGap获了奖并开始支持Android平台,对人数不断增长的移动开发人员变得越来越有用,这些人员需要在更多的平台上获得代码支持。

大家可以到PhoneGap documentation官方文档开始对PhoneGap的学习。

在本篇文章中,我们分享了7个HTML5移动开发框架,并简单的进行了介绍,相信很多人对HTML5开发产生了很浓厚的兴趣,那么不妨试试以上这几款开发框架吧,希望能帮助到你。

热心网友 时间:2022-05-12 03:11

1、Siimpler


Siimpler 是个简单的 HTML 开发框架,他可以通过选择你自己喜欢的部分,来帮助你迅速又简单地创建 HTML5 开发结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 Web 项目。



2、Ionic


Ionic 是个神奇的框架和强大前端开源系统,使用先进的Web技术,比如CSS、HTML 和 JS 来创建令人惊叹的手机应用。


3、Foundation


Foundation 是世界上精妙的前端响应框架,同时,它可以兼容所有的浏览器和网络设备。Foundation 拥有移动友好型的用户接口,设置了许多关键特性。


4、Enyo


Enyo是一个开源的 Jaa 框架,该框架能够让你创建顶级的 HTML5 应用程序,该应用程序能够运行在各种各样的电子设备上,比如说手机、台式机、笔记本、电视以及Web应用。


5、LimeJS


针对于所有的新的桌面浏览器和触屏设备,LimeJS 对于有用户经验的游戏开发者而言是教好的和较强大的开发框架。


6、Bootstrap


Bootstrap能让所有开发者都能迅速上手、所有设备都可以适配、所有项目都适用。此外,bootstrap的官网也有很多教程提供。


7、juery UI


juery UI 主要分为交互、微件和效果库3个部分,主打代码开源,操作继承了juery 的简单特性,兼容各主流桌面浏览器。


以上就是青藤小编关于html5开发框架的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注本平台!

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
蒙牛为什么卖给中粮 只知道名字怎么找人的联系方式 谁能告诉我怎么在微博上找人啊? 新浪微博怎么找人啊? 雅思裸考一般能考多少分 高热病人应如何护理 检疫性有害生物 多少种 北半球气温最高和最低的月份分别为 北半球气温最高和最低的月份 一起又看流星雨中有一首歌歌词是:为什么你会出现在我的身边_百度... 前端最近流行的框架都有哪些? 请问低 代 码是什么 ?请指教 四川地震最大有几级呢 四川都有那几次地震 国内外低代码开发平台发展情况? 四川汶川大地震是几月几日?几级?大地震 初中生周记怎么写 刚上初中 老师叫写周记 但是我不知道写什么好 低代码开发的优势? 初中生一周一记怎么写 四川都有哪几次地震? 初中生怎样写好一周的周记作文 汶川大地震是几点几级 2019年,四川大地震是几日几时几分发生的。 初中生一周的总结反思怎么写? 四川大地震是几月几日几时几分 初中一年级开学第一周周记怎么写 历史上四川发生几次地震? 初中开学一周的周记怎么写? 四川大地震几级?? 我是一个初中生了,我要写周记,怎样写,最好有范文 现在的低代码平台都是通过什么方式来开发应用的?小白也能自己开发? 国内那么多低代码厂商,该怎么选? 如何才能消除黑眼圈? 银行卡为什么要保卡费 为什么我办的工商银行的社保卡上写着借记卡? 中国工商银行的社会保障卡,需要去工行开通吗? 工商银行医保卡 银行卡需要保卡费吗? 工商银行的社会保障卡是信用卡还是储蓄卡? 关于工商银行社保卡 工商银行的社保卡 在工商银行办理了社保卡,登陆手机银行却发现有两个借记卡(我没办过工商银行卡)。 工商银行需要保卡费吗? 什么是低音炮? 低音炮是什么意思? 什么是低音炮?有什么作用? 什么叫低音炮 低音炮是什么 什么是低音炮?带你了解低音炮 低音炮是什么乐器发出的声音