javascript - AngularJS 与 jQuery 有何不同

Question

我只知道一个js库，那就是jQuery .
但是我组中的其他编码员正在更改 AngularJS作为他们在新项目中的默认库。

我对此一无所知。它与 jQuery 有什么不同？
我已经为 jQuery 中的类似任务完​​成了一组函数。我还能在 AngularJS 中使用 jQuery 的东西吗？

Answer 1

1. Angular 1 是一个框架，而 Angular 2 是一个平台。 ( ref )

对于开发人员，Angular2 提供了一些除了在屏幕上显示数据之外的功能。例如，使用 angular2 cli 工具可以帮助您“预编译”您的代码并生成必要的 javascript 代码 (tree-shaking) 以将下载大小缩小到 35Kish。

1. Angular2 模拟了 Shadow DOM。 ( ref )

这为服务器渲染打开了一扇门，可以解决 SEO 问题并使用在浏览器上不起作用的 Nativescript 等。

• The official document site

• Day one keynote from ng-conf 2016

• Resource links原文:基本上，jQuery 是您操纵和控制 DOM 元素的绝佳工具。如果您只关注 DOM 元素而没有数据 CRUD，例如构建网站而不是 Web 应用程序，那么 jQuery 是顶级工具之一。 (您也可以为此目的使用 AngularJS。)

AngularJS 是一个框架。它具有以下特点

1. 双向数据绑定(bind)
2. MVW 模式(MVC 风格)
3. 模板
4. 自定义指令(可重用组件、自定义标记)
5. REST 友好
6. 深度链接(为任何动态页面设置链接)
7. 表单验证
8. 服务器通信
9. 本地化
10. 依赖注入(inject)
11. 完整的测试环境(单元，e2e)

检查 presentation这个great introduction

别忘了阅读官方developer guide

或者从这些很棒的 video tutorials 中学习

如果您想观看更多教程视频，请查看这篇文章，Collection of best 60+ AngularJS tutorials .

您可以毫无问题地将 jQuery 与 AngularJS 一起使用。

其实AngularJS里面使用了jQuery lite，这是一个很棒的工具。

来自 FAQ

Does Angular use the jQuery library?

Yes, Angular can use jQuery if it's present in your app when the application is being bootstrapped. If jQuery is not present in your script path, Angular falls back to its own implementation of the subset of jQuery that we call jQLite.

但是，不要尝试使用 jQuery 来修改 AngularJS Controller 中的 DOM，而是在你的指令中进行。

更新:

Angular2 已发布。 Here 是一个很好的初学者资源列表