javascript与jQuery的那些事

  • 编辑时间: 2016-01-16
  • 浏览量: loading
  • 作者: 段亮

今天在找资料的时候,发现了一篇关于“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函数基础


javascript流程语句-图2


javascript流程语句


javascript运算符-图3


javascript运算符


javascript变量-图4


javascript变量


javascript数组-图5


javascript数组


javascript字符串-图6


javascript字符串


javascript正则表达式-图7


javascript正则表达式


javascriptDOM基本操作-图8


javascriptDOM基本操作


二、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

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

上一篇:一张图让你明白js中的距离值之间的关系
下一篇:没有了
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 小丫头
    2016-02-02 13:13:55发表

    很喜欢你的网站,很简洁大方![挤眼]

  • 徐晓晓
    2016-01-28 05:25:25发表

    [犯错]

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客