消歧义:Angular、Bootstrap (css & js)、angular.bootstrap、UI Bootstrap,以及关于 [=12 我应该知道的任何其他信息=] 和 Bootstrap
Disambiguation: Angular, Bootstrap (css & js), angular.bootstrap, UI Bootstrap, and anything else I should know about Angular and Bootstrap
我最近开始从事别人发起的 Angular 项目。我很喜欢它,但对 Angular 与 Bootstrap 的关系感到非常困惑。特别是因为似乎所有关于它们如何相互关联的网站都假定您已经了解它们如何相互关联。
这是我认为我知道的:
- Angular - 来自 Google 的 js 框架,虽然难以设置和理解命名规则(大约 5 个小时才弄清楚你不能在组件名称中使用下划线,因为它不会抛出任何错误,它只会破坏你的整个应用程序 ),允许你在 js 中编写一个应用程序而不会转动陷入意大利面条代码的泥潭。在 jQuery 编写应用程序多年后,这就像 Plato showing me the light.
- Bootstrap - 一个 js 框架和来自 Twitter 的一组 css 样式表,使网页看起来很棒,没有任何典型的 css 东西.不确定 JS 文件的作用,我也不明白 tpls 文件的用途。另外,版本 4 需要 tether.io,这很好,但是为什么当我 downloaded the tether zip it came with a billion files, all dependent on each other, and then it turned out all I needed was https://www.atlasestateagents.co.uk/javascript/tether.min.js 时呢?我的意思是我知道系绳允许将工具提示连接到元素并补偿屏幕边缘之类的东西,但我觉得这在我使用的 Bootstrap 的最后一个版本中没有必要。是真的吗?
- angular.bootstrap - angular 指令与 Twitter 的 Bootstrap 无关,但 "manually starts an angular application"。我不明白为什么有必要这样做。
- BootstrapUI-"Bootstrap components written in pure AngularJS by the Angular team"-https://angular-ui.github.io/bootstrap/。这与 Twitter 的 bootstrap 有什么关系吗?我知道它使很多乏味的网站共性变得更容易,比如手风琴、日期选择器、模式、进度条(实际上非常顽固)等。但是,我不确定为什么它被称为 bootstrap ui .
- angular-boostrap 和 angular-ui-bootstrap - Stack Overflow 似乎说这是两件不同的事情。不过我不确定这是不是真的。
- Angular UI - 我不确定这是什么意思。我浏览了 the site,甚至使用了网格,它似乎与 Bootstrap UI 重叠,尽管 Bootstrap UI 似乎是一个一部分...
我感觉 Twitter 将他们的框架命名为 Bootstrap 更多是因为出于某种原因他们认为它很聪明,即使它与文字 bootstrap 或编码隐喻有任何关系, “bootstrapping”。如果那是真的,那就去他妈的那些家伙。但是,如果我错了,请再次纠正我。
Angularjs 是一个框架,可帮助您构建单页应用程序 (SPA),它提供了所有必要的组件(路由、历史管理、模板、与服务器的通信、缓存) ,数据绑定...等)。它不为您提供 UI 控件或响应式设计。
另一方面,Bootstrap 为您提供了所有 类 和一组控件,使构建响应迅速且内容丰富的 UI 更加容易。 Angularjs 不需要 Bootstrap 而 Bootstrap 不需要 angular。他们互相完善。但当然您可以使用任何 UI 框架来构建响应式设计。注意:bootstrap 中的 JS 文件仅在您想使用 bootstrap 中的控件时才需要,但如果您只想使用 bootstrap 的网格和响应部分,则不需要需要 JS 文件。
Bootstrap UI 是在 angular 应用程序中使用 bootstrap 控件的指令集合,因为您不能直接在您的应用程序中处理 bootstrap 控件angular 因为它们需要页面周期才能正确加载,但 angular 生命周期与页面生命周期不同。加载带有一些 bootstrap 控件的 angular 模板将不起作用,因为我认为它需要文档就绪事件以便 bootstrap 呈现其控件,这就是团队构建这组控件的原因。
另一方面,Angular UI也是一组web开发者可能需要或熟悉的不同控件,内置在Angularjs中,再次,JQuery 如果您使用 angular 路由或其他没有页面生命周期的方法加载它们,控件将无法在 angular 模板中工作。
我最近开始从事别人发起的 Angular 项目。我很喜欢它,但对 Angular 与 Bootstrap 的关系感到非常困惑。特别是因为似乎所有关于它们如何相互关联的网站都假定您已经了解它们如何相互关联。
这是我认为我知道的:
- Angular - 来自 Google 的 js 框架,虽然难以设置和理解命名规则(大约 5 个小时才弄清楚你不能在组件名称中使用下划线,因为它不会抛出任何错误,它只会破坏你的整个应用程序 ),允许你在 js 中编写一个应用程序而不会转动陷入意大利面条代码的泥潭。在 jQuery 编写应用程序多年后,这就像 Plato showing me the light.
- Bootstrap - 一个 js 框架和来自 Twitter 的一组 css 样式表,使网页看起来很棒,没有任何典型的 css 东西.不确定 JS 文件的作用,我也不明白 tpls 文件的用途。另外,版本 4 需要 tether.io,这很好,但是为什么当我 downloaded the tether zip it came with a billion files, all dependent on each other, and then it turned out all I needed was https://www.atlasestateagents.co.uk/javascript/tether.min.js 时呢?我的意思是我知道系绳允许将工具提示连接到元素并补偿屏幕边缘之类的东西,但我觉得这在我使用的 Bootstrap 的最后一个版本中没有必要。是真的吗?
- angular.bootstrap - angular 指令与 Twitter 的 Bootstrap 无关,但 "manually starts an angular application"。我不明白为什么有必要这样做。
- BootstrapUI-"Bootstrap components written in pure AngularJS by the Angular team"-https://angular-ui.github.io/bootstrap/。这与 Twitter 的 bootstrap 有什么关系吗?我知道它使很多乏味的网站共性变得更容易,比如手风琴、日期选择器、模式、进度条(实际上非常顽固)等。但是,我不确定为什么它被称为 bootstrap ui .
- angular-boostrap 和 angular-ui-bootstrap - Stack Overflow 似乎说这是两件不同的事情。不过我不确定这是不是真的。
- Angular UI - 我不确定这是什么意思。我浏览了 the site,甚至使用了网格,它似乎与 Bootstrap UI 重叠,尽管 Bootstrap UI 似乎是一个一部分...
我感觉 Twitter 将他们的框架命名为 Bootstrap 更多是因为出于某种原因他们认为它很聪明,即使它与文字 bootstrap 或编码隐喻有任何关系, “bootstrapping”。如果那是真的,那就去他妈的那些家伙。但是,如果我错了,请再次纠正我。
Angularjs 是一个框架,可帮助您构建单页应用程序 (SPA),它提供了所有必要的组件(路由、历史管理、模板、与服务器的通信、缓存) ,数据绑定...等)。它不为您提供 UI 控件或响应式设计。
另一方面,Bootstrap 为您提供了所有 类 和一组控件,使构建响应迅速且内容丰富的 UI 更加容易。 Angularjs 不需要 Bootstrap 而 Bootstrap 不需要 angular。他们互相完善。但当然您可以使用任何 UI 框架来构建响应式设计。注意:bootstrap 中的 JS 文件仅在您想使用 bootstrap 中的控件时才需要,但如果您只想使用 bootstrap 的网格和响应部分,则不需要需要 JS 文件。
Bootstrap UI 是在 angular 应用程序中使用 bootstrap 控件的指令集合,因为您不能直接在您的应用程序中处理 bootstrap 控件angular 因为它们需要页面周期才能正确加载,但 angular 生命周期与页面生命周期不同。加载带有一些 bootstrap 控件的 angular 模板将不起作用,因为我认为它需要文档就绪事件以便 bootstrap 呈现其控件,这就是团队构建这组控件的原因。
另一方面,Angular UI也是一组web开发者可能需要或熟悉的不同控件,内置在Angularjs中,再次,JQuery 如果您使用 angular 路由或其他没有页面生命周期的方法加载它们,控件将无法在 angular 模板中工作。