已经有vueJs和ReactJs了,jQuery还需要学习吗?

先说结论啊,从我的教学经历和效果反馈来看,零基础新人学习web前端开发,还是需要学习jQuery的。

为什么呢?因为,

一、jQuery对新人很友好,不需要理解很多的思想、理论、模式。拿过来就可以用,用了就可以出效果,很有学习的成就感。

二、jQuery很符合人的自然思维方式,也就是面向过程的思维方式。从a->b,再从b->c,再从c->d,一步一步的做下去。

三、jQuery很容易积累一些代码,因为按现在的标准来看,jq的代码的冗余量很大的。但是对于前端新人来讲,这是一个必须的过程,你必须多写代码,才能少写代码。

例如,你之前一直使用jQuery写代码,然后改到VueJs,你会强烈的感受到vue的便捷,同时你也会很清楚VueJs帮你做了哪些;哪些代码是你以前要写,但现在不用写了;省掉的代码为什么被省掉了...等。我的意思是说,你要有对比,才会有提高。

四、jQ因为没有MVVM的数据<->视图的对应关系,所以必须手动去维护数据与视图的一致性,所以对于前端新人的逻辑思维会有比较好的锻炼作用。当他切换到reactJs或是VueJs的时候,“dom查找器”和“MVVM数据驱动视图”这二种不同思维之间的对比会很强烈,会很明显的感受到reactJs和vueJs比jQuery先进在哪些。

如果没有学习jq的话,就会跳过许多手动操作数据的步骤过程。这对于加深前端开发的理解没有好处。

当然了,我这样说,并不是说jQuery和react、vue谁更好,而是说web前端新人在刚开始时的起步阶段,如果能从jq学起,会比较更顺畅一些。至少从我的学习和教学反馈来讲,是这样的。

<!-- -->

例如,我所主讲的WEB前端零基础课-0413班,电商网站项目的购物车部分,使用jQuery和VueJs分别实现了其业务逻辑,下面先贴出jQuery部分的代码截图,

可以看到,每个交互操作的每个数据都需要手动的去维护,只是js的部分就将近300行,这还只是一个教学项目,而且还不包括100多行的购物车模板,

可以想像,如果是真实的前端开发购物车的工作场景,使用jQuery将达到一个什么样的代码量。众所周知,购物车是最复杂的一个模块,里面各种逻辑、需求纵横交错,相互影响。

但是,同样的一样购物车模块,如果使用vueJs来开发,是这样的,

而vue中的html模板,其实就是html页面本身,

可以看到,仅在代码量上就有了巨大的减少,这其中首先就是开发、维护工作量减少,更是开发思维的不同,而这种差异单纯的只看vue时并不明确,只有通过对比才能感觉到巨大的差异。

<!-- -->

使用jQuery写购物车的时候,因为需要手动控制每一个环节,所以对于购物车模块的整个业务逻辑的每一个细节,都要了然于胸才能写的顺畅,每一个方法做什么的,都要做到心中有数。

web前端新人的最大的短板,其实不是什么js语言、工具之类的东西,而是对于业务逻辑和需求的分析和理解,而你使用jq手动操作每一个细节时,已经在事实上拆分了所有的需求,并实现了按逻辑关系实现了这些需求。这就是前端新人学习前端开发最好的方法,再加个“之一”吧。

当然了,就像我刚才说的,我们学习jQuery的目的,是为了更好的掌握逻辑思维方式,提高需求分析能力。所以搞定jq之后,我们不能停留在jQuery,要马上进入react和Vue,其实也是为了从深层次上能够更好的掌握与理解VueJs这一类mvvm的框架的运行思路。

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-06-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

web前端工程师入门须知,你全部了解吗?

划重点 一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语...

39011
来自专栏企鹅号快讯

微信群也有群相册功能了,终于可以给手机相册腾出空间了!

学点黑科技,装逼更容易!大家好,我是学长! 相信每位使用QQ和微信的朋友,都有加进过各种各样的群。QQ群相对来说功能比较齐全,除了微信群有的群视频,群语音以外,...

2.5K9
来自专栏企鹅号快讯

web学习到底学什么?

很多同学都会问在web前端开发,需要学习什么东西?难不难?多久能入门?学习多久能建好一个网站?毕业之后工资能拿到多少?重庆IT培训来为大家讲解一下: ? Web...

3975
来自专栏ThoughtWorks

浅谈移动应用的技术选型|TW洞见

在这个巨变的时代,技术选型是个很难做决定的事情,而移动应用技术领域在几个巨头(Google,Facebook,Apple etc.)的带动下更是日新月异。所以说...

47311
来自专栏進无尽的文章

如何利用动画效果来提升用户体验

动画效果会讲故事。但不是冗长和完整的故事,而是简单的故事,比如“嗨,你现在该看这里了”或者“哇,你的操作完全正确。”然而,动效的目的不是为了愉悦用户,而是为了帮...

1404
来自专栏VRPinea

Valve推出SteamVR骨骼输入系统,可精确捕捉手部姿势

近日,Valve宣布推出Steam VR Skeletal Input(骨骼输入)系统第一个beta版本,目的是更加精确地捕捉用户手部姿势。据悉,Valve曾于...

1102
来自专栏QQ音乐前端团队专栏

直播全流程探索

有幸参与了直播从无到有的过程,对直播这一块有了一个比较清晰的认识,本文主要对web部分的直播流程进行介绍。

1.1K8
来自专栏编程微刊

推荐一款优雅高效的免费在线APP原型工具

1833
来自专栏腾讯社交用户体验设计

[ISUX译]iOS 9人机界面指南(二):设计策略 - 腾讯ISUX

1632
来自专栏韩东吉的Unity杂货铺

零基础入门 45:使用图片字体第二步,关联Unity

Hello,今天要给大家分享的是在Unity里使用图片字体的第二步,也是最后一步,就是关联Unity。

1365

扫码关注云+社区

领取腾讯云代金券