10.jQuery的不足

为什么80%的码农都做不了架构师？>>>   

#1. jQuery缺失的环节 jQuery有点像C语言，威力很大，不过要弄出点像样的前端界面，还得花不少功夫 处理琐碎的事情。

还能再简单些吗？Misko Hevery认为在某些应用场景下可以。于是，AngularJS诞生了：

AngularJS引入了三个主要的概念，期望让前端开发更系统化一些：

1. 声明式界面开发
2. 双向数据绑定
3. 使用依赖注入解耦

很多人在初次接触AngularJS时，都有些吃惊，因为它把前端开发搞的突然严肃起来 了。考虑到Misko曾经是一个Java程序员，这一切就好理解了。

Java程序员擅长引入复杂的架构来解决简单的问题，对吧？

#2. 库VS框架

和jQuery不同，AngularJS是一个框架。

jQuery是一个库，库总是被动的，就像工具，应用的开发逻辑是你的，在 某一点上需要用一下工具，就用好了。

框架则非常不同，这意味着AngularJS为应用已经搭起了一个架子，约定了 一些组成部分，并且实现了这些部分的拼装运行。换句话说， 应用的开发逻辑是AngularJS的，你得跟着它走。

所以，AngularJS难学一些，因为它有一个架子在那，你不了解这个架子， 基本没法下手。

#angular中的jquery

jQuery库的兼容性

如果某种原因你不愿意使用jqLite，也可以在AngularJS之前引入jQuery库。 AngularJS自动地将jqLite升级成jQuery，angular.element等同于 $ 。 这样又可以使用熟悉的选择符了。

扩展的方法

jqLite包括一些额外的方法以适应AngularJS框架：

controller(name) - 获得元素对应的控制器对象 injector() - 获得元素对应的注入器对象 scope() - 获得元素对应的作用域对象 isolateScope() - 获得元素对应的隔离作用域对象，如果有的话。 inheritedData() - 和data()一样，但如果当前元素没有指定的数据，会向上级 节点继续找。

扩展的事件

jqLite还提供一个$destroy事件，当DOM对象被从DOM树删除时，AngularJS将触发 这个事件，以便指令进行一些善后清理工作。

→_→的代码已经悄悄地将jQuery库改成了AngularJS，注意一下其中angular.element 的使用。

转载于:https://my.oschina.net/oneboi/blog/794170