Twitter引导程序和Angular.js之间的真实(或隐藏)差异

Question

我刚刚比较了这两个前端框架,从我可以看出,他们似乎在为开发人员提供HTML,CSS和JS前端方面做了同样的事情.

Boostrap:时尚,直观,功能强大的前端框架,可实现更快速,更轻松的Web开发.(超过53 000人在GitHub上出演)

Angular.js:AngularJS是动态Web应用程序的结构框架.(12,000名出演GitHub)

收视率毫无意义,但我只是认为我会把它放在那里,以表明这不是一些我没有研究过的"快速"问题.

从我对Angular到维基百科的理解,它的目的是将前端设计/布局/ ui与后端完全分开 - 数据库所在的位置,Web服务器以及业务逻辑发生的位置.

根据我对bootstrap(使用它的JS)的理解,你可以完成同样的事情.

角网站提到:

其他框架通过抽象HTML,CSS和/或JavaScript或通过提供操作DOM的必要方式来处理HTML的缺点.这些都没有解决HTML不是为动态视图设计的根本问题.

现在我不确定他们是不是像骨干或者甚至是引导程序一样喋喋不休(如果你容易被冒犯,那么就不要发表评论),但对我而言,我无法弄明白真实和真实2之间存在差异.

也许有一些关于DOM或JS或HTML的其他微小/微小方面的高级信息使得2不同,但我只是没有看到它.

PS.没有像这样的SOF问题,也没有任何博客谈论它(除非它排名很低或者我的问题是错误的).

我还发现有些人正在努力将bootstrap的各个方面移植到angular.

编辑:考虑一下,我意识到bootstrap提供了不同屏幕视图的调整大小选项,我不确定是否有角度.如果没有,那是唯一的区别吗？

Answer 1

Bootstrap是一个设计框架,用于构建简单,美观的组件和响应式设计.它还具有基本的js组件,使得任何开发人员的生活变得更容易,显然是后端开发人员,他对HTML设计规则不是很有经验.

所以,只需输入css,检查示例,然后在项目中复制它.这是Bootstrap的主要流程.

Angular是一个JS框架,用于构建复杂的Web应用程序.它与Backbone,Ember Js一致.

举一个表单的简单示例,您希望在提交时进行ajax调用.现在你可以通过Bootstrap CSS制作漂亮的表单,但是你需要使用javascript或者在这种情况下使用angular,来进行ajax调用并执行所需的功能.

这些在网络应用程序中齐头并进,它们不是竞争对手.

Answer 2

Bootstrap和AngularJS是两个非常不同的框架.

从SO标签 - 信息

Twitter的引导

Bootstrap是Twitter的前端框架,旨在启动Web应用程序和站点的开发.除此之外,它还包括用于排版,图标,表单,按钮,表格,布局网格,导航以及定制的jQuery插件的基本CSS和HTML以及对响应式布局的支持.

AngularJS

AngularJS是一个开源JavaScript框架,用于构建以CRUD为中心的AJAX样式Web应用程序.它的目标是使用对构建动态Web应用程序有用的指令来填充浏览器以增加HTML词汇表.

Angular附带指令,可添加双向数据绑定,DOM控制和展开,代码隐藏DOM,表单验证和深层链接.

根据我对bootstrap(使用它的JS)的理解,你可以完成同样的事情.

引导程序无法实现同样的功能.AngularJS为您提供诸如双向数据绑定,深度链接,路由,过渡动画等功能.其中bootstrap提供基于自定义jquery的插件,很酷的外观和感觉,css类用于媒体查询等.它们非常棒,因为angular可以和其他库一起使用.

Answer 3

Angular 和 Bootstrap 首先，Angular 和 Bootstrap 不是替代品，而是互补的。意思是一个不能被另一个取代，而是可以组合在一起，可以相互补充。换句话说，它们处理 Web 应用程序的不同方面。因此，它们在任何意义上都没有可比性。但是，它们之间的差异和相似之处可以通过以下项目符号来说明。

什么是角？

• 由 Google 开发和维护
• 全面的客户端（朋友端）JavaScript 框架
• 专为雄心勃勃的 JavaScript 单页应用程序而设计
• 提供一组组件来构建您的应用程序和组织项目
• 前端的逻辑层以模块、指令、数据绑定的形式很好地包装起来

Angular 不是什么？

• 不提供 CSS 样式、网格类或 JavaScript 组件（如模态、标签、导航栏、下拉菜单）

什么是引导程序？

• 由 Twitter 开发，现已开源
• 一组结构良好的 CSS 样式、网格类和 JavaScript 组件有助于动画、创建漂亮的小部件（否则必须自己编写）
• 易于构建响应式设计，非常适合小型项目，无需太多定制和开发工作

Bootstrap 不是什么？

• 不为应用程序提供结构
• 不提供通用功能（如路由、控制器和模型、MV* 架构）

共同点（Angular 和 Bootstrap）

• 朋友端框架
• 巨大的开源支持
• 带有一组预定义的组件以加快/简化开发

对比（Angular Vs Bootstrap）

• JS（结构）框架与 CSS（主题）框架
• 处理逻辑与处理风格
• 健壮框架与小型框架
• 单页应用程序与任何结构