twitter-bootstrap - Twitter bootstrap 和 Angular.js 之间真正(或隐藏)的区别

标签 twitter-bootstrap angularjs

我刚刚比较了这两个前端框架,据我所知,它们在为开发人员提供 HTML、CSS 和 JS 前端方面似乎做了完全相同的事情。

Boostrap:时尚、直观且功能强大的前端框架,可实现更快、更轻松的 Web 开发。 (GitHub 上有超过 53,000 个星标)

Angular.js:AngularJS 是动态 Web 应用程序的结构框架。 (GitHub 上有 12 000 个星标)

评级没有任何意义,但我只是想将其放在那里以表明这不是我没有研究过的“快速”问题。

根据我通过维基百科对 Angular 的了解,它的目标是将前端设计/布局/UI 与后端完全分离——数据库所在、Web 服务器所在以及业务逻辑发生的地方。

根据我对 bootstrap(及其 JS)的理解,你可以实现完全相同的事情。

Angular 网站提到:

Other frameworks deal with HTML’s shortcomings by either abstracting away HTML, CSS, and/or JavaScript or by providing an imperative way for manipulating the DOM. Neither of these address the root problem that HTML was not designed for dynamic views.

现在我不确定他们是否在对诸如主干甚至 Bootstrap 之类的东西进行批评(如果你很容易被冒犯,那么请忽略批评评论),但对我来说,我只是不明白什么两者之间存在真正的差异。

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

PS。不存在这样的 SOF 问题,也没有任何博客谈论它(除非它排名很低或者我问错了方式)。

我还发现有些人正在致力于将 Bootstrap 的各个方面移植到 Angular。

编辑:考虑一下,我意识到 bootstrap 为不同的屏幕 View 提供了调整大小的选项,我不确定 Angular 是否提供了。如果不是,这是唯一的区别吗?

最佳答案

Bootstrap 是一个设计框架,用于构建简单、美观的组件和响应式设计。它还具有基本的 js 组件,可以使任何开发人员的工作变得更轻松,尤其是对 HTML 设计规则不太有经验的后端开发人员。

因此,只需放入 css,检查示例,然后将其复制到您的项目中即可。这就是 Bootstrap 的主要流程。

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

举一个简单的表单示例,您希望在提交时进行 ajax 调用。现在您可以通过 Bootstrap CSS 制作漂亮的表单,但您需要使用 javascript 或在本例中使用 Angular 来进行 ajax 调用并执行所需的功能。

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

关于twitter-bootstrap - Twitter bootstrap 和 Angular.js 之间真正(或隐藏)的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17779787/

相关文章:

javascript - Twitter Bootstrap Typeahead 功能类似于 Google Chrome Omnibox

javascript - 无法在 angularjs 中调用 ng-click ?

angularjs - 添加多个硬编码选项以使用 ng-options 选择框

javascript - Angular - 如何打印键值的值

javascript - 无法通过 js .focus() 捕获所需元素的焦点

html - 居中 Bootstrap/FlaskWTForms (Jinja)

html - 使用 Bootstrap 在一行中输入框和标签

jquery - 切换 Bootstrap 幻灯片的 div 可见性

javascript - 为什么我的 EventListener 被调用两次?

javascript - 如何在 ionic 中使用 state.go?