bootstrap和Ionic之间的差异

Question

我读了这篇文章Where does ionic framework fit in，并试图弄清楚Ionic和bootstrap之间的区别。据我所知，它们有着非常相似的目标：它们都可以更容易地开发Web应用程序，为css，js和html提供许多优秀的设计模式和工具。

据我了解，Ionic更倾向于移动混合原生应用，而引导更多的是基于浏览器的应用，我是否正确？但话说回来，Ionic本身无法将html转换为移动本机应用程序，它需要cordova才能实现。那么，离子适合哪里？它与bootstrap有何不同？此外，Ionic需要angularJS才能最大限度地利用它。你只能在没有AngularJS的情况下使用Ionic的CSS部分。所以如果你不想在你的项目中使用angularJS，那么可以说，你最好使用bootstrap和cordova吗？我所理解的是，twitter引导程序在常规网站中也被大量使用，同时也为PC浏览器提供了良好的界面，因此目标不仅仅是让它在智能手机或平板电脑上看起来很好。

可能是这样，Ionic更适合在手机原生的混合应用程序中提供移动感受吗？只有cordova和bootstrap，人们无法达到同样的目标，至少同样容易？因此，使用bootstrap，您可以更轻松地获得浏览器应用程序的原生感觉，但对于原生混合移动应用程序来说却不那么容易？

我知道这个问题可能是基于意见的，但请不要关闭它，我想了解差异和最佳用例。在哪些情况下使用bootstrap可能更好，在哪种情况下Ionic会更好？如果它们可以相互补充，那么使用它们会有任何意义吗？

Answer 1

你不能以这种方式比较Ionic和bootstrap。

Ionic用于构建移动应用程序，并集成了许多构建工具。它建立在引导程序上，用于构建内容和用于构建实际应用程序的cordova。但是，您无法使用它创建普通网络应用。

Bootstrap本身只是用于样式化html元素的简单框架。 Cordova用于在本机应用程序环境中包装网页。

Answer 2

Bootstrap是移动/ Web应用程序的跨平台UI组件。

Ionic是Cordova + Angular +跨平台UI组件+本机插件。

Answer 3

  

Ionic Framework有类似的目标，我们希望帮助推广   推荐的设计模式和文档最佳实践。

Ionic将AngularJS（顺便说一句，JavaScript）与HTML5 + CSS结合起来，并使用Cordova访问本机设备功能。

如此有效地说你是对的，它类似于Bootstrap，但它们声称Ionic是为今天和未来的设备而构建的，而不是几年前制造的设备。它专注于本机应用程序开发而非移动网站创建。

了解更多差异here。

Answer 4

在Ionic2中构建Web应用程序比使用Ionic1更有效。他们增加了对Progressive Web Apps的支持（以及对原生应用程序的持续支持），这使您可以在Web上托管您的应用程序，但仍然具有移动应用程序的感觉。看看这个walkthrough of creating a PWA in Ionic2。

当然，您可能希望为您的网络应用程序提供更像桌面的感觉。您可以使用responsive grid（非常类似于Bootstrap的网格），拆分窗格和嵌套导航组件来关闭。它不是Bootstrap，但我们接近能够写一次，到处运行......我希望！

Answer 5

Ionic在性能方面取胜，本机应用程序需要像原生应用程序一样。这意味着它与angular的协调使得UI过渡与bootstrap相比更加平滑。在正常的css / jquery情况下，您可以轻松识别转换/动画滞后。

Answer 6

我们无法比较离子和自举。基本上是因为，bootstrap有助于开发Web第一个应用程序。而离子则用于开发移动优先应用。虽然我们可以使用bootstrap开发移动应用程序，但离子​​应用程序看起来和感觉更原生，并且提供比bootstrap更好的性能。如果您期待开发具有良好原生外观的移动应用程序，请继续使用离子。