jquery - Angular 2 最佳实践

Question

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

另一方面，jQuery 非常灵活，它的特性可以按需逐个函数地应用。它与纯HTML代码配合得很好，特别是视觉设计师准备了好看的模板。从这个 Angular 来看，jQuery 似乎更敏捷。

应用 Angular 2 的最佳实践是什么？它应该与 jQuery、bootstrap 和其他前端库/框架混合在一起吗？他们各自应承担什么责任？

Answer 1

由于这个问题是关于软件设计的，你可能会看到各种观点的答案，我不会假装保留'最佳答案'，并会尽量坚持事实。

jQuery 最初被设计为一个 DOM 操作库，加上通过 jQuery-ui 插件的样式，以及数据/异步管理，如 Promises、Deferred、ajax 调用。除了可以很容易地链接起来之外，这些不同的功能集彼此之间的交互并不多。 jQuery 不是一个框架，而是一个库。

• Angular2 的 documentation根本不推荐操作 DOM 元素。当需要时，指南是使用它的 Angular2 渲染器。
• Angular2 使用它的“http”类提供 ajax 调用。
• Angular2 可以很好地处理 rxJs Observables、Promises 等，让您成为异步行为的大师。缺点是学习曲线非常陡峭。
• CSS3 现已推出，对动画的支持非常好。可以进行类绑定(bind)以更改组件的外观。
• Boostrap 可用于 Angular2 项目，and doesn't need jQuery to run ，除非使用它的 javascript 库 。

尽管如此，在项目中使用 jQuery 还是很有吸引力的:

• jQuery 有着悠久的历史，学习它很容易并且有很多用户。
• 说真的，它的性能真的很好。图书馆缩小后只有 84kb。
• jQuery 有大量的插件，这些插件在 angular2 的世界里还没有自己的继任者。例如，Boostrap 的“javascript”插件大部分(如果不是全部)是 jQuery 插件。 see here