专栏首页web前端教室已经有vueJs和ReactJs了,jQuery还需要学习吗?

已经有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)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 有空看看jQuery源码吧,看不懂也会有收获

    jQuery是一个对新人很亲切的JS库,它的源码风格都比较接近自然语言,可以一边对照手册,一边查看jQuery源码。第一次看必然很吃力,不过没关系,这就是学习的...

    web前端教室
  • 可能是所有初级前端都要迈的一道坎

    许多新同学在刚刚进入公司开始工作的时候,都会有一个阶段,就是刚开始的时候动力十足,等时间长了适合了之后,就开始觉得公司所派发的工作任务,太过单调,而且发现这种单...

    web前端教室
  • 不用那么多,每天一点点,学习React,贵在持之以恒

    React,应该是目前前端领域最热的框架之一了,对于它的起源,现在我们大家应该都已经比较清楚了,它是fackbook搞出来的开源项目。它要解决的就是前端开发过程...

    web前端教室
  • jQuery架构设计与实现(2.1.4版本)

    貟王軍
  • 2.基础核心学习

    在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起 始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象=...

    wfaceboss
  • 前端基础-jQuery简介

    JavaScript开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。这些库还会把一些常用的代码进行封装。

    cwl_java
  • 我们到底需不需要 jQuery

    曾经,在那个 IE6 还是主流浏览器的时代,为了实现稍微复杂一点的功能,也需要很多代码。如果要做到兼容主流浏览器,更需大费周章。当 jQuery 出现后,使用 ...

    Joel
  • 只会用jQuery前端到底low不low?

    如果你之前没有看过我的《前端工程师如何月薪过4万》这里建议大家仔细读读,因为里面有整个前端工程师成长的技术路线图和我的故事。同时很多小伙伴问我的...

    疯狂的技术宅
  • jquery学习笔记1

    // 核心方法 // 回调系统 // 异步队列 // 数据缓存 // 队列操作 // 选择器引 ...

    lilugirl
  • Github改版,宣布放弃jQuery || 你的青春里,是否有过 JQuery 的身影?

    2018年7月25日,Mislav Marohnić在推文中宣布GitHub前端已经彻底删除jQuery依赖,并全部依赖原生API。

    芋道源码

扫码关注云+社区

领取腾讯云代金券