Angular 2的最佳实践

Question

Angular 2被认为是前端开发中的完整框架。 与jQuery的各种功能相比，其中一个优点是以托管方式放置前端交互。

另一方面，jQuery非常灵活，其功能可以按功能按需应用。 它与纯HTML代码很好地协作，特别是视觉设计师准备好的模板。 从这个角度来看，jQuery似乎更敏捷。

应用Angular 2的最佳做法是什么？ 它应该与jQuery，bootstrap和其他前端库/框架混合在一起吗？ 他们每个人应该承担什么责任？

Answer 1

由于这个问题是关于软件设计的，你可以阅读各种观点的答案，我不会假装扣留“最佳答案”，并会试着坚持事实。

jQuery最初设计为DOM操作库，加上jQuery-ui插件的样式，以及Promises，Deferred，ajax调用等数据/异步管理。 除了可以轻松链接的事实之外，这些不同的功能集彼此之间不会相互影响很多。 jQuery不是一个框架，而是一个库。

• Angular2的文档根本不建议操纵DOM元素。 需要时，指南是使用它的Angular2的渲染器。
• Angular2使用它的'http'类提供ajax调用。
• Angular2可以很好地运行rxJs Observables，Promises等，让你成为异步行为的主人。 缺点是学习曲线不仅仅是陡峭。
• CSS3现在在这里并且非常支持动画。 可以进行类绑定以更改组件的外观。
• Boostrap可以在Angular2项目中使用， 并且不需要运行jQuery ，除非使用它的javascript库 。

即使在项目中使用jQuery也很有吸引力：

• jQuery有一个伟大的过去，学习它很容易，并有很多用户。
• 说真的，它的表现非常好。 图书馆只需要84kb缩小。
• jQuery有大量的插件，插件在angular2世界中没有自己的继承者。 例如，Boostrap的“javascript”插件大多是（如果不是全部）jQuery插件。 看这里

Answer 2

Angulars核心思想之一不是直接操纵DOM，这是jQuery的核心思想。 因此，@GünterZöchbauer说，除非你真的需要，否则不要使用它（这是非常罕见的）。 jQuery更像是一个帮助库，Angular是一个框架，应该这样使用。
您当然可以将它与Bootstrap混合使用，而您应该只使用样式并使用Angular 2版本的Bootstrap： https ： //valor-software.com/ng2-bootstrap/#/或https://github.com / ng-bootstrap / ng-bootstrap 。

至于

和其他前端库/框架在一起？

你不应该把它与另一个框架混合在一起，这只会让事情变得混乱。 但是，对于大多数流行的库来说，库肯定存在（或将存在）带有TypeScript支持等的Angular版本。