前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >已经有vueJs和ReactJs了,jQuery还需要学习吗?

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

作者头像
web前端教室
发布2018-07-30 11:56:33
2K0
发布2018-07-30 11:56:33
举报
文章被收录于专栏:web前端教室

先说结论啊,从我的教学经历和效果反馈来看,零基础新人学习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的框架的运行思路。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-06-12,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档