2 zzzcsd zzzcsd 于 2016.02.06 12:49 提问

bootstrap rachet framework7,三者可以做一个比较吗

bootstrap rachet framework7三个框架,可否做一个比较,最好详细点

3个回答

devmiao
devmiao   Ds   Rxr 2016.02.07 07:33

Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。[1] 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。[2] 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来

Ratchet,一个优秀的类似bootstrap的前端框架,使用HTML,CSS3与javascript快速创建Hybrid(混合模式)手机应用APP。

Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发iOS7风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。
Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应用。Framework7 是完全免费开源的。
Framework7 并不能兼容所有的设备。她只专注于为iOS7 提供最好的体验。

devmiao
devmiao   Ds   Rxr 2016.02.07 07:34

在这个时间开始学习移动开发真是最好不过了,每个人应该都有一些移动应用的创意,而且你并不需要任何的原生应用编程经验,你只需要一些HTML的相关知识,懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢,我只能告诉你应该有一些主见,首先HTML5会越来越好,移动端的硬件也会越来越强,怎么说呢,你仔细看一看你手机上的应用吧,很多应用已经悄悄的使用混合式开发了,如果像你说的它们很慢,你发现它们了吗?

目前已经有很多的框架可以帮助你开发跨平台的移动应用,在这篇文章中,我们只介绍最牛的7个。

IONIC

360桌面截图20141222093551.jpg

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

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

Mobile Angular UI

360桌面截图20141222093638.jpg

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

360桌面截图20141222093959.jpg

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

Appcelerator Titanium

360桌面截图20141222094046.jpg

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

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

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

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

Sencha Touch

360桌面截图20141222094212.jpg

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

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

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

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

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

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

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

Kendo UI

360桌面截图20141222094258.jpg

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

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

PhoneGap

360桌面截图20141222094329.jpg

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

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

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

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

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

结论

在这篇文章中,我们讨论了一些HTML5的移动开发框架,HTML5标准正式发布之后,很多开发者对HTML5又重燃了希望,相信这是个美好的时代,相信它会给我们带来更多的惊喜。

91program
91program   Ds   Rxr 2016.02.06 13:31

三者的应用不一样的,特别是 rachet 的介绍比较少。
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。

Ratchet: Build mobile apps with simple HTML, CSS, and JS components.

Framework7 或者叫 F7 是全功能的绑定 iOS 7 应用的 HTML 框架。Framework7 是免费开源的 HTML 移动端框架,用来开发混合移动端应用或者 iOS 7 的 Web 应用,并且带有 iOS 7 的原生外观和感觉。Framework7 也是独立的原型应用工具。
Framework7 使用 Javascript,CSS 和 HTML 来创建 iOS 7 应用,支持多个平台的迁移(PhoneGap),但是不是支持所有平台,主要还是针对 iOS 7。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
如何解决Bootstrap的模态框在Framework7中使用出现遮罩无法显示的问题?
Bootstrap和Framework7混用的时候会出现遮罩无法显示的问题,今天看看作者是如何解决的?原文转自码农之家,如何解决Bootstrap的模态框在Framework7中使用出现遮罩无法显示的问题?
Android IOS 移动端前端框架对比——framework7,SUI,MUI框架——React Native和Vuejs
移动端兼容Android IOS 前端框架对比,自己整理的,有需要的可以看看。
初识Ionic 和APPframework
初步认识APPframework和 Ionic
MUI 和 framework7区别之 UI组件的几点差异
Framework7自有DOM库集成了大量常用的DOM操作,语法和JQuery大同小异,并且集成了模版引擎Template7。 MUI封装了部分事件,较F7拥有更丰富的UI组件,部分组件有H5版和原声版,后者无法在浏览器访问。
该不该用bootstrap来开发 网站?
一直想做一个自己的网站,文章类型的网站。一心想用bootstrap来制作。 不过筹划了将近半年,工作一直都很忙,每天加班到七八点,还是没有开始制作。 因为不会图片不会美工,所以,每次都是开始动手就感觉挤牙膏,做模板非常吃力。即使做出来了,网站根本就不像一个网站! 非IT行业人来说就是太丑了,一张图片都没有,根本就不像一个网站 国人的审美习惯跟bootstrap冲突 国内的大部
日语“比较”句型
日语中表“比较”的句型1、甲は乙より...です这是表示“甲比乙~”的句型。“…”部分由形容词或形容动词构成。注意日语“より”的位置和汉语“比”的位置不同。例如,今天比昨天热。今日は昨日より暑いです。在这个例... 日语中表“比较”的句型 1、 甲は乙より...です     这是表示“甲比乙~”的句型。“…”部分由形容词或形容动词构成。注意日语“より”的位置和汉语“比”的位置不同。    
Framework7特色的HTML框架WebApp开源前端框架
中文官网地址: http://framework7.taobao.org/ 简单介绍: Framework7 是一个开源免费的框架可以用来开发混合移动应用(原生和HTML混合)或者开发 iOS & Android 风格的WEB APP。也可以用来作为原型开发工具,可以迅速创建一个应用的原型。 Framework7 最主要的功能是可以使用HTML、CSS和JS来开发iOS7应
Framework7学习总结
1、Framework7中文教程-APP 基本HTML结构
利用Framework7的初次使用,使用教程,环境搭建
在阅读本文之前请确认你的电脑已经安装好nodejs、Android SDK 、phoneGap。 1.获取Framework7源码 http://www.idangero.us/framework7/(英文网站) http://framework7.taobao.org/(中文网站) GitHub:https://github.com/nolimits4web/Framework7/ 官方
利用Bootstrap制作一个流行的网页
首先是html承载内容: Bootstrap实战 -->  第一屏  第二屏  第三屏