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版本。