手机html5前端开发用什么框架

如题所述

jquery mobile和bootstrap都是较好的框架。为了使用便利,下文列举了目前最强大应用最广泛的几款前端开发框架。

1. Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美,直观并且给力的web设计工具包,可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件,栅格系统以及一些常用的JavaScript插件。

2. Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML,包括排版、表单、按钮、表格、栅格、导航等等,风格与Facebook类似。

3. BootMetro
BootMetro框架的灵感来自于Metro UI CSS,基于Bootstrap 框架构建,用于创建Windows 8 的Metro风格的网站。它包括所有Bootstrap的功能,并添加了几个额外的功能,比如页面平铺,应用程序栏等等。

4. Kickstrap
Kickstrap是Bootstrap的一个变体。它基于Bootstrap,并在它的基础上添加了许多app,主题以及附加功能。这使得这个框架可以单独地用于构建网站,而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上,然后用就可以了。

5. Foundation
Foundation 是一款强大的,功能丰富的并且支持响应式布局的前端开发框架,你可以通过Foundation快速创建原型,利用它所包含的大量布局框架,元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。Foundation在构建的时候秉承移动优先的策略,它拥有大量实用的语义化功能,并且使用Zepto类库来取代jQuery,这样可以带来更好的用户体验,并且提高运行的速度。

6. GroundworkCSS
GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一个高级响应式的HTML5,CSS以及JavaScript工具包,可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。

7. Gumby
Gumby 是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。
它的流式-固定布局(fluid-fixed layout)可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。它支持多种网格布局,包括多列混杂的嵌套模式。Gumby提供两套PSD的模板,方便你在12列和16列的网格系统上进行设计。

8. HTML KickStart
HTML Kickstart 是一款可以用来方便创建任何布局的集合HTML5,CSS和jQuery的工具包。它提供了干净,符合标准以及跨浏览器兼容的代码。

9. IVORY
IVORY 是一款轻量,简单但是强大的前端框架,可以用于320到1200像素宽度的响应式布局。它基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。

10.Kube
最后,如果你的新项目需要一款实在的,不需要复杂的额外功能组件的,足够简单的框架,那么 Kube 将会是你正确的选择。Kube是一款最小化的,支持响应式的前端框架,它没有强加的样式设计,因此给了你充分的自由来开发自己的样式表。它提供了一些web元素的基本样式,比如网格,表单,排版,表格,按钮,导航,链接以及图片等等。
温馨提示:内容为网友见解,仅供参考
第1个回答  2015-01-31
bootstrap
第2个回答  2015-01-31
三层架构吧,一般都是用的这个

适合做移动端app的前端框架(移动端前端开发软件)
常见的web前端开发框架如下:Bootstrap:主流框架之一,Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得Web开发更加快捷。html5-boilerplate:该框架可以快速构建健壮,且适应力强的webapp或网站。目前主流的移动WEB开发框架有哪些?Web框架也可以理解为B\/S(Brouser\/Server)框架,是一种基于浏览器载...

比较常用,成熟的针对html5的UI框架是哪些
5.uiKit uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。6.H-ui H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。7.Weui weUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cel...

html5 前端js框架用什么写最好
个人觉得js框架用JQuery比较好,当然还有很多其他的一些js框架。例如:Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx。更多js框架的介绍可以参考这个问答 ".js有哪些框架"——http:\/\/zhidao.baidu.com\/link?url=vC4dI51aimRzbpIzTh484EBEeiYa97xKsO8--ENpcrG...

HTML5全栈开发中关于前端知识的学习
HTML、CSS 和 JavaScript 是必须掌握的,你还需要学习 React、Vue 或 Angular 等前端框架或库。但是,你应该选择哪一个?对于一个真正的全栈开发者,你可以在2020年选择这三个框架中的任何一个。2、Vue 3.0 Vue 生态系统正在不断发展,而且,随着 Vue 3.0 的发布极其改进的 Vue CLI,2019 年的开...

前端开发框架是什么?
常见的web前端开发框架如下:1、Bootstrap:主流框架之一,Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。2、html5-boilerplate:该框架可以快速构建健壮,且适应力强的web app或网站。3、Meteor:Meteor是新一代的开发即时web应用的开源框架,它能在较短时间内完成开发。

html5app开发用什么工具(html5开发手机app)
1、AdobeEdge AdobeEdge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上,但adobe承诺将增加更多HTML5功能,比如Canvas、HTML5音频\/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。2、AdobeDreamweaver AdobeDreamweaver使用所见即所得的...

Web前端学习需要了解的十款HTML5开发工具
1、Lungo Lungo是一款基于HTML5的开发框架,专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准,如HTML5、CSS3和JavaScript;支持手机、电视以及桌面设备。拥有强大的JavaScript API:开发WebAPP应用有很多种方式,而不是一味的优化。Lungo提供了一个强大的API,这样你可以完全掌控自己的...

html5必备软件?
2、第【GoogleWebToolkit】是现在大家还不熟悉的工具之一,主要用于开发浏览器应用的一个工具,不过库中支持很多【HTML5】的功能,包括对客户端,或者是web存储的支持,都可以实现。3、LimeJS是一个HTML5游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试...

如何才能成为一名合格的html5前端开发工程师
CSS将帮助你更快的开发。目前,Bootstrap是可以使用的最受欢迎的前端框架。知道这些框架是如何工作的,以及如何使用它们才能在HTML5开发节省时间,这十分重要。3、CSS preprocessors 每个HTML5开发人员都需要CSS预处理器的一些经验,因为他们将有助于加快CSS编码。他们也有额外的功能,将使您的CSS可延展性的来...

学html5用什么软件(学html5需要什么基础)
html5常用的开发工具是哪些?1、第【GoogleWebToolkit】是现在大家还不熟悉的工具之一,主要用于开发浏览器应用的一个工具,不过库中支持很多【HTML5】的功能,包括对客户端,或者是web存储的支持,都可以实现。2、WebStormWebStorm是一款Java开发工具,目前已经被广大中国JS开发者誉为\\Web前端开发神器\\、\\...

相似回答