您将如何描述jquery和angularjs之间DOM抽象的不同性质？

Question

我正在寻找有关我认为是jquery和angular之间完全不同的DOM抽象方法的描述，但我找不到它。

我认为在使用前者和后者开发多年后，我对jquery和angularjs都比较了解。

用jquery完成的DOM抽象看起来与使用angularjs完成的DOM抽象根本不同。

但是我找不到这些差异的正式定义，也不清楚客户端Web应用程序的设计模式是否发生了变化，以及这种变化背后的哲学是什么。

从理论上讲，jQuery与DOM的逻辑解耦更加严格，因为所有js代码均未包含在HTML中，但实际上（以我的观点），角度指令（与双向绑定结合）使您的DOM更加简洁明了抽象。

但这是Web开发模式的转变吗？ 看起来，敲除，反应，余烬，甚至还有更多……共享该相似方法。

这仅仅是使用MVC的结果吗？

如果有人能指出我背后的一些理论，我将不胜感激。

Answer 1

尝试用“命令式”与“声明式”来思考它。 使用jQuery，您可以编写JS，以创建严格的DOM结构，并与要显示的数据绑定在一起（您遍历数组，并为每个项目生成一个<tr> ）。 使用AngularJS，您可以在数据（模型）和表示（DOM）之间引入一种新的“语言”（抽象层），我们有时也将其称为“绑定”。 ng-repeat工作方式与编写生成<tr>的jQuery循环没有什么不同，但是您自己并不能直接这样做，它是在一个不错的声明性包装器中抽象的，您可以在其中告诉AngularJS您d希望在DOM中有一个东西列表，并且该列表应绑定到模型层中的东西列表。

让我说明清楚：内部AngularJS使用“jQuery的微小，API兼容子集，允许角来操作一个跨浏览器兼容的方式在DOM” - https://docs.angularjs.org/api/ng/function /angular.element