15分钟带你了解我们在使用 jQuery 的时候,到底在使用什么?
沉沙 2018-06-08 来源 : 阅读 1118 评论 0

摘要:jQuery(or Zepto)作为前端标杆,风风光光了许多年,基本上已经成为开发必备的前端框架了。它的成功,主要是因为它让JavaScript的使用变的简单,而且通俗易懂,新手可以在不熟练原生JavaScript的前提下,很快就能写出交互复杂的页面。

jQuery(or Zepto)作为前端标杆,风风光光了许多年,基本上已经成为开发必备的前端框架了。它的成功,主要是因为它让JavaScript的使用变的简单,而且通俗易懂,新手可以在不熟练原生JavaScript的前提下,很快就能写出交互复杂的页面。当然它的优点还有一大坨,就不细说了。

在MVVM框架诞生之前,我们怎么用jQuery?

其实这个问题很大,一千个读者就有一千个哈姆雷特,不同阶段的开发者对jQuery的理解,或是JavaScript的理解程度是不同的。刚入门的前端开发者,可能喜欢直接操作DOM,所有会 $() 满天飞,似乎懂CSS就懂jQuery选择器了。.hide()、.show()、.css()、.attr()、.html()会用的很频繁,.fadeIn()、.fadeOut()、.slideDown()、.slideUp()也经常用来玩一些动画。不过话说回来,jQuery确实擅长干这些。

再后来,开始用ajax。jQuery的ajax解决方案确实做的很好用,好用到很多人只知道用jQuery的ajax,而不知道xhr是什么鬼,更别提写个原生ajax了。有了DOM,有了数据,再来几个开源的jQuery插件,貌似觉得前端开发也就这么回事了,分分钟攒出一个交互复杂的页面来。没错,市面上大部分前端开发,可能都是这么过来的吧,而且这部分人的市场占有率还不少。

再后面,交互变得频繁,而直接操作DOM会耗大量时间来写一堆重复的业务逻辑代码,这时便有了前端模板,比如doT、artTemplate。开发者只用维护数据即可,然后交给模板去处理,用事件委托来监听事件。这种模式也成了主流,至今很多项目也仍然使用的这种模式。它的好处就是前后端都可以用,而且不用直接操作DOM,省去了大量业务逻辑代码,维护起来也很方便,性能也不差。

在使用Angular时,我们怎么用jQuery?

Angular(后面直接写为ng)的出现,确实改变了前端开发的习惯和认知。现在想来,如果开发者没使用过jQuery,直接学习ng的话可能理解起来会轻松很多,要不然总想着jQuery的那一套,这也是为什么后端开发人员非常喜欢用ng来开发类似管理后台的产品,比如TalkingData。当然,我最初在学习ng时,也是脱不开jQuery的束缚。ng和jQuery混用,这时我们已经不再操作DOM了,一切都是HTML和数据。但是jQuery是必须的吗?当然不是,现在ng的插件已经非常丰富了,能满足绝大部分的交互需求,即使没有,也会首选开发ng插件而非jQuery的了,所以慢慢地jQuery也就不再是项目中不可缺少的了。

在使用Vue时,我们怎么用jQuery?

Vue.js这个前端框架相比Angular使用更简单,渲染更高效,文档详细,门槛很低。

总结

至于React,笔者研究的并不多,所以不知道相关的情况。但就Angular和Vue的使用来看,jQuery虽还在用,但其作用已经很小了,甚至完全可以被取代,如果非要使用,Zepto也是可以替代jQuery的。前端最近几年发展的很快,各种框架层出不穷,jQuery已经慢慢不再是主流了,它的模式也在被各种新思想颠覆着。所以回到问题,我们在使用jQuery的时候,到底在使用什么?其实答案很简单,我们为什么用jQuery,因为它过去成为了前端开发的标准,不用它行不行,当然行,但你不还得自己搞一套类jQuery的东西吗,总不能所有都document.getElementById吧!所以最后还是会回到那个问题来:用什么框架,什么技术栈取决于你当前的团队实力和项目,没有谁好谁不好,只有谁合适当前,还有,任何一个框架的产生,都是为了解决某个具体问题的,不能一棍子打死说某个框架不好,也许只是不适合当前的你!


 本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!


本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程