javascript与jQuery的那些事

今天在找资料的时候,发现了一篇关于“javascript与jQuery”文章。讲得还不错,拿来给大家一起分享下:

其实很多初学JS的朋友们,都会纠结一个问题？是什么问题呢？

“学习js到底是先学原生JS还是jQuery呢?”

其实在我认为:你首先要明白什么是javascript简称(原生JS)以及jQuery。

javascript是一门基于浏览器的脚本语言,通常用来给网页添加动态的交互效果。而jquery只是js中的一个类库。

   而这个类库相对于原生js,在我认为:就是把原生的javascript的一些工具方法进行了封装。比如:(DOM操作的封装、ajax异步操作..)这样就使得,我们的开发速度变得简便和快速,同时也缩短了我们的开发周期。

   当然有其好处,也有它的弊端。对于初学者来说:如果一上手就用jquery,而不学原生的javascript。势必会对于原生JS的知识点掌握的不全,到最后形成对于jquery的依赖。只会处在处理一些对DOM的操作,无法成为真正的前端高手。

为什么一定要建议先学js,在学习其它框架,这是我们要搞清楚的。

一、其实如何使用好jquery，取决于原生js的基础，什么是原生js的基础。

比如:

1、js语句后面到底用不用加分号,不用加分号时在哪个地方有坑?

2、js里边单双引号是否有区别,他的标识名命名规则是怎么样的?

   3、js里边保留字,关键字,有哪些?each与普通的for循环有多大的区别,他的好处在哪里,他的坏处在哪里,我们什么时候该用他,什么时候不该用他,等等...

4、如何实现一个类的继承,什么是闭包,闭包的优缺点,什么是事件代理,优缺点是？。等等...

上面的这些知识,在任何一个jquery相关书籍里边提的不多,而这些恰恰是一个js初学者必须掌握的。

下图为javascript知识点结构梳理图:出自互联网

javascript函数基础-图1

javascript流程语句-图2

javascript运算符-图3

javascript变量-图4

javascript数组-图5

javascript字符串-图6

javascript正则表达式-图7

javascriptDOM基本操作-图8

二、jQuery并不能取代原生JS

   jquery在整个开发过程中充当了一个方便操作dom的工具方法集合,而前端开发除了操作常用的dom之外,还需要操作页面的交互数据,模块化开发,工程师发布等等。夸张点说:jquery只是前端开发中的一个部分,他没有任何一处能力完全取代原生js。

三、如何正确学习JS

   只有在学好原生js的基础上,才能很多的学习jquery或其它框架。因为jquery与其它框架出现的初衷就是加快js开发,粗暴的理解,他对常用的js开发函数进行了封装,所以js功底扎实,基本看api及说明就能很快的入手,这也是jquery及其它框架欢迎的根本。

然后个人建议:先学原生js,再学jquery,然后有空学习jquery源码,才能更好的使用jquery。

然后问题来了,除了jquery之外还有什么值得学习的主流js框架?

1、requirejs/seajs(模块化开发)

随着页面JS的增多、以及管理问题,我们可以采用模块化来进行开发管理。

2、MVVM框架

随着前端代码越来越复杂,可以选择一些javascript mvvm框架来解决:如angularjs、vuejs

3、移动端

可以学习下zepto(jQuery移动端的简化版,API差不多)

   当然除了我列举的这些还有很多,比如:ext.js、easyui、以及当前最热门的reactjs和前端自动化管理工具webpack、grunt、gulp等等...

写在最后:其实学习就好比建房子一样，如果底层不坚固，修建的楼层越高，越容易倒塌。学习亦是如此！

   本文出自段亮博客，如需转载请注明出处。

   本文出处：http://www.duanliang920.com/learn/web/tx/341.html