Angular 与 jQuery 两者的适用性

AngularJS 与 jQuery 在Web应用开发上走的是不同的录。 jQuery 完全是通过显式操作浏览器中的 DOM 来创建应用程序。 AngularJS 采用的方法则是将浏览器吸收为应用程序开发的基础。

毫无异味,JQuery 是一个强大的工具——也是我非常喜爱使用的。 JQuery 的健壮性和可靠性都很好,而且你可以很快地立即得到结果。我尤其喜欢流式API,以及可以对核心 JQuery 库做扩展的便利性。如果你需要更多关于 JQuery 的信息,可以看看我的《Pro JQuery 2.0》这本书,是由 Apress 出版的,详尽覆盖了 JQuery、JQuery UI 和 jQuery Mobile。

但是无论我多么喜爱 jQuery,它也不是一个比 AngularJS 更强大的万能工具。使用 jQuery 编写和管理大型应用将会比较困难,全面的单元测试也将会是一个挑战。

我喜欢使用 AngularJS 工作的原因之一是它是建立于 jQuery 的核心功能之上的。事实上,AngularJS 包含了一个裁剪版的 jQuery,叫做 jqLite,在编写自定义指令时将用到。而且,如果你将 jQuery 加入到 HTML 文档中,AngularJS将会自动检测到并优先使用jQuery 代替 jqLite,尽管会很少需要这么做。

那么,简而言之,对于单元测试不那么重要而且需要立即得到结果的低复杂度 Web 应用,适于使用 jQuery。jQuery 对于增强回合式类型的 Web 应用(即用户交互会导致新的 HTML 文档被加载的应用)生成的 HTML 也是非常理想的,因为你可以轻松使用 jQuery 而无需修改由服务器生成的 HTML 内容。对于更复杂一些的单页面 Web 应用,当你有时间精心设计和规划时,以及当你能够轻松控制由服务器生成的 HTML 时,适于使用 AngularJS。

Google Plus 社交平台的 Web 页面就很好的体现了 AngularJS 的设计思想。

—— 《AngularJS 高级程序设计》

时间: 2024-11-05 21:43:58

Angular 与 jQuery 两者的适用性的相关文章

paip.提升效率--数据绑定到table原理和流程Angular js jquery实现

paip.提升效率--数据绑定到table原理和流程Angular js  jquery实现 html #--keyword 1 #---原理和流程 1 #----jq实现的代码 1 #-----Angular 的实现 3 #--keyword jquery 遍历表格tr  td Angular 模板绑定 #---原理和流程 获得所有的行,第一的头行..排除,,,在的所有的删除. 遍历表格tr获得tds的所有的id数组. 根据id/id索引来获得绑定的数据源里面的数据字段..绑定到个td上..

Angular和jQuery的ajax请求的差别

近期项目中使用angular,结果发现后台没法获取參数,所以,略微研究了一下两者在发送ajax时的差别. 注意angular和jquery的ajax请求是不同的. 在jquery中,官方文档解释contentType默认是 application/x-www-form-urlencoded; charset=UTF-8 contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8') Type: String Wh

Angular和jQuery的ajax请求的区别

最近项目中使用angular,结果发现后台没法获取参数,所以,稍微研究了一下两者在发送ajax时的区别. 注意angular和jquery的ajax请求是不同的. 在jquery中,官方文档解释contentType默认是 application/x-www-form-urlencoded; charset=UTF-8 contentType (default: 'application/x-www-form-urlencoded; charset=UTF-8') Type: String Wh

Angular VS jQuery

1:jquery :库 -一般是封装了一些方法 -我们去调用他的这些方法分 2:angular:框架 -框架是提供了一些规则或者模式 -我们是根据这一种规则或者模式去写代码 -然后接下来就由angular帮助我们去执行相应的代码 3:思想上 -jquery提倡dom操作,提高dom操作的效率 -angular:不提倡dom,几乎没有dom操作(不是真的没有) -document.get.. -万一需要操作DOM,也不要使用jQuery或者原生的dom方法 -通过angular提供了一个类似jQu

如何使用angular 实现jquery选择器功能

1.$event对象   $event对象其实就是潜在的jQuery事件对象,通过$event.target获取这个元素,通过$event.currentTarget获取子元素. 例如: <li ng-click="getApplicationListByType(1,$event)"><a>医疗健康</a></li> //根据类型获取服务列表$scope.getServiceListByType = function(item,e){

angular destroy &amp; jquery destroy

destroy的目的是为了内存溢漏,这对性能会造成影响. angular scope在处理element 移除时,会触发destroy, 而调用逻辑和jquery使用的一样. 在ck editor 中遇到一件事可以让自己参考 ck editor 有自己的destroy event,在ng-repeat 中改变了repeat ck editor的数量,结果造成bug(找没有element).为什么? 因为ng-repeat中发生改变会先触发洗掉element ,再触发destroy,洗掉eleme

angular 与jQuery混用 大坑一

由于angular是在真实dom加载之后,运行,所以jQuery操作dom时,要先于angular添加的元素(如,ng-repeat),所以常常会出现,元素错位,解决办法:添加一个透明的站位元素:

angular js jquery中post请求的一点小区别

这也是最近遇到的坑,还是之前那个项目,现在要实现登录功能. 背景:注册功能之前已经跑通了.前端用的是jquery后台是springMVC.鉴于注册和登录有些接口功能是类似的(比如注册确保邮箱是没有注册过,而登录是确保注册过),于是后台还准备用注册的那套接口. 登录的接口get请求是没问题的,但是post却出了问题:后台收不到请求体里的内容. 后来发现是jquery和angular的post行为有些区别,于是我做了个实验. <!DOCTYPE html> <html lang="

angular替代Jquery,常用方法支持

1.angular.bind(self,fn.args);   切换作用域执行 2.angular.copy(source,[destination]);   拷贝和深度拷贝 3.angular.equals(o1,o2);  比较 4.angular.extend(dst,src); 对象的扩展 5.angular.forEach(); 循环 6.angular.fromJson(string);字符串转Json 7.angular.toJson(json,pretty); json转字符串