当前位置 : 首页/建站知识/网站设计教程/前端h5页面用什么框架

前端h5页面用什么框架

发布时间:2021年9月8日 11:49 作者:誉新源

H5开发常用的框架包括:jquerymobile框架、bootstrap框架、ionic框架、MobileAngularUI框架、SenchaTouch框架等。


今日就为您介绍一些常用的HTML5开发APP框架,这些框架都是比较优秀的移动Web开发框架,可以帮助开发者更有效地开发移动Web应用。


一、HTML5常用框架


1.jquerymobile框架


jQueryMobile是手机上jQuery版本的平板设备。jQueryMobile不仅将jQuery核心库引入主流的移动平台,还将发布一个完整的jQuery移动UI框架。国际主流手机平台支持。


2.bootstrap框架


Bootstrap基于HTML、CSS和JAVASCRIPT,它简洁、灵活,使Web开发更加快速。这是一个CSS/HTML框架,由Twitter设计师MarkOtto和JacobThornton共同开发。Bootstrap提供了优雅的HTML和CSS规范,即通过动态CSS语言Less来写。Bootstrap一发布就广受欢迎,并成为GitHub上热门的开源项目,包括NASA的MSNBC的BreakingNews都在使用这个项目。国产手机开发者比较熟悉的WeX5前端框架等也是基于Bootstrap源码进行性能优化的。


3.ionic框架


Ionic是一种强大的HTML5应用程序开发框架,它可以帮助您构建与HTML、CSS和Javascript等Web技术相近的移动应用程序。Ionic主要关注于外观和体验,以及与应用程序的UI交互,尤其适合于基于Hybird模式的HTML5移动应用开发。


4.MobileAngularUI框架


MobileAngularUI是HTML5框架,通过bootstrap3和AngularJS实现。


MobileAngularUI的关键词是:


1)Bootstrap3。


2)AngularJS。


Bootstrap中没有的Bootstrap组件,例如switches,overlays和sidebars。像angular-route、angular-touch和angular-animate这样的Angular-animate。


Responsibility查询是将bootstrap作为单独的文件,您只需要包含所需内容。MobileAngularUIu不包含任何jQuery依赖项,您所要做的就是通过一些AngularJS指令创建友好的用户体验。


5.SenchaTouch框架


SenchaTouch框架是全球第一个基于HTML5的MobileApp框架。SenchaTouch使你的WebApp看上去像NativeApp。漂亮的界面组件和丰富的数据管理,完全基于最新的HTML5和CSS3WEB标准,完全兼容Android和AppleiOS设备。通过提供丰富的WEBUI组件,可以快速地开发移动终端上运行的应用程序。


6.KendoUI框架


KendoUI的每一个方面都是从底层开始的,以提供强大的JavaScript应用程序性能。KendoUI并不是另一个jQueryUI的克隆,它的每一个决定都来自于优化性能。KendoUI尽其所能提供从轻量级的内置模板库,并尽可能优化CSS3硬件加速的(如有可能)优化动画和高级的虚拟化用户界面,KendoUI会竭尽全力提供高性能的客户端UI。


7.PhoneGap框架


一提到跨平台开发工具,许多人首先想到PhoneGap。如此一款开源的免费框架,可以让开发者使用HTML、JS、CSS开发跨平台的移动App,一直深受开发者的喜爱,从iOS、Android、BB10、WindowsPhone到AmazonFireOS、Tizen等,都是开发者的最爱,从iOS、Android、BB10、WindowsPhone到AmazonFireOS、Tizen等,都是开发者们最爱的工具。


PhoneGap行业中有许多主流的移动开发框架。比较有名的有Worklight,appMobi,WeX5,等等。WeX5为国内打造,Apache完全开放源码,在Phonegap融合的基础上,做了深度优化,具有与Nativeapp相近的性能,更容易开发。

二、HTML5需要学习什么?

写H5页需要学习什么,很多人问过我这个问题,问这个问题的人基本上都是刚听说过h5,处在幼稚的阶段,他们往往会被一些在线炫酷的网页吸引,开始的目的也很简单,可以通过自己的努力来完成这些页面,这些页面效果一般只通过简单的html和css就可以实现,但这仅仅是表面现象,做出来与做好是两码事。要想把它做好,必须要深入理解h5是什么。


关于h5是html的第五个版本,其实这并不完全正确,h5已经不再是一种简单的标识语言,它是一种综合的技术,除了html、css、javascript之外,还可以提供音频视频、图像动画、本地存储和各种重要接口,为下一代互联网应用提供全新的平台。应当说有了h5,我们可以很容易地实现桌面类应用(如各种管理系统、手机app应用等等)


现在为什么h5受到了很多企业的青睐,最关键的一点是跨平台,所谓的跨平台就是做出来的东西可以适应各种浏览器、各种设备、各种系统(iSO、安卓等等),也可以适应不同的屏幕尺寸。对企业而言,这样可以极大地降低人力、时间等成本。为什么现在安卓的开发、iOS开发需求直线下降?为什麽安卓、iOS的人找工作很难,很简单,这个市场部分被h5占据了,这肯定是必然的结果。如果一家公司开发一款app,并且能够同时运行在安卓和iOS系统上,那就需要两个开发团队,人力成本低,后期的维护就不那么容易了。h5的出现解决了企业的难题,所以现在h5开发者的需求仍然很紧张。


因此,要想成为一名合格的h5开发人员,首先要了解我们需要学习什么才能胜任这项工作。开始时是三板斧(html,css,javascript),这是必须的,但是光这几个还不够,前面有句名言:“欲精一行,必先通十行”,所以还有以下这些:


1)从团队项目的角度来看,对版本管理也有一定的了解。


2)从效率角度来看,需要学习一些提高效率的框架和工具。


3)从用户体验的角度来看,还必须了解用户的使用习惯和UI界面的美化。


4)从性能角度来看,我们还必须学习各种优化技巧。


5)从自己的角度来看,我们还必须了解如何使用接口,以及如何查看文档。