网页插件学javascript还是jquery好啊?

文章的起因,也是在群内交流是回答一个小伙的问题,一扯就停不下来,但由于个人知识面覆盖有限,自身基础又不够扎实,仅供参考:

问这个问题之前,我个人建议先搞清什么是jquery,什么是js?
 
网页插件学javascript还是jquery好啊?
 
jquery的优点:他是常用的js工具方法的一堆封装,他在一定程度上加快前端开发的速度,会缩短项目开发周期,会减少很多代码。
缺点:因为jquery内部做了很多细节的处理,当然最终目的是为了方便的调用。但是有些初学者误以为,js的本来面貌就是这个样子。用Jquery去描述业务场景,而不是试图用代码逻辑来解决问题。所以很多人就此对jquery造成依赖。很多提问的时候问,这个问题用jquery怎么解决。
为什么他能够像现在如此受欢迎,成为一种事实的标准,是因为他的封装充分考虑了开发者的习惯,在尽可能大的角度来方便开发者调用与二次开发,这是他的一个优点之一。具体体现在,类工厂链式方式的调用,比如:
$().show().animate(),比如set,get的统一参数处理。$().css('width') $().css({ width : 200 });
 
网页插件学javascript还是jquery好啊?
 
而且在早期版本兼容了低版本ie的很多bug,使开发的注意力真正的关注到逻辑与数据上来,而不是成天解决兼容问题。
其它优点不一一等等。
至于如何使用好jquery,jquery提供的方便快捷封装在整个前端开发流程占多大的比例?为什么我们一定要建议先学js,在学习其它框架,这是我们要搞清楚的。
1. 其实如何使用好jquery,取决于原生js的基础,什么是原生js的基础:
比如:js语句后面到底用不用加分号,不用加分号时在哪个地方有坑?
js里边单双引号是否有区别,他的标识名命名规则是怎么样的,为什么prototype与jquery都取$为他的工厂函数标志?如果你将来写一个,还有没有其它符号可用?
js里边保留字,关键字,有哪些?each与普通的for循环有多大的区别,他的好处在哪里,他的坏处在哪里,我们什么时候该用他,什么时候不该用他,等等。
还有高级的,如何实现一个类的继承,如果用jquery方便的继承,什么闭包,闭包的优缺点,什么是事件代理,代理的优缺点。等等
上面的这些知识,在任何一个jquery相关书籍里边提的不多,而这些恰恰是一个js初学者必须掌握的。
 
以下图片来自:http://m.oschina.net/blog/175426

1.JavaScript数组

网页插件学javascript还是jquery好啊?

2.JavaScript 函数基础

网页插件学javascript还是jquery好啊?

3.Javascript 运算符

网页插件学javascript还是jquery好啊?

4.JavaScript 流程控制

网页插件学javascript还是jquery好啊?

5.JavaScript 正则表达式

网页插件学javascript还是jquery好啊?

6.JavaScript 变量

网页插件学javascript还是jquery好啊?

7.JavaScript 字符串函数

网页插件学javascript还是jquery好啊?

8.DOM 基本操作

网页插件学javascript还是jquery好啊?
2. jquery在整个开发过程中充当了一个方便操作dom的工具方法集合,而前端开发除了操作常用的dom之外,还需要操作页面的交互数据,模块化开发,工程师发布等等。夸张点说:jquery只是前端开发中的一个部分,他没有任何一处能力完全取代原生js。而且我们需要了解的还有很多,具体见下文。
前面从个人的角度介绍了一下什么是jquery,然后什么是js,百度很多,不一一介绍。
3. 只有在学好原生js的基础上,才能很多的学习jquery或其它框架。因为jquery与其它框架出现的初衷就是加快js开发,粗暴的理解,他对常用的js开发函数进行了封装,所以js功底扎实,基本看api及说明就能很快的入手,这也是jquery及其它框架欢迎的根本。
然后个人建议:先学原生js,再学jquery,然后有空学习jquery源码,才能更好的使用jquery。
然后问题来了,除了jquery之外还有什么值得学习的主流js框架?
jquery 主要战场还是在dom操作这块,顺带封装了ajax或其它的常用方法。
其它经典怀旧的几个有空的时候可以了解一下他们的源码,mootools, prototype.是他们启发了js向工程化,团队化,协作化方向发展的转变,
yui虽然听说停止开发了,但他的代码思想与那些yahoo jser付出,努力的结晶是值得我们学习与默拜的。
除了jquery之外,ext是一个巅峰,需要了解一下。他是初期企业级UI框架解决的一个鼻祖,从一定程度上解决了当时企业级应用的复杂界面交互,但是后来由于界面风格的单一化或本身一些性能问题,而被一些开发者弃用。
其它类ext的比如:easyui, lightui, j-ui, 这几个,并没有真正意义上颠覆或超越ext,但在天朝本地化或语言或自身业务模式上有了一定的微创新或发展。
由于随着前端交互或数据的提高,对前端的依赖也是越来越大,这样前端的代码也是越来越多,这样的场景下就需要一个能解决代码块与块之间的调用,多块的代码加载,等等这些问题的框架出现。这时候requirejs,seajs填补了这2个空白。
然后核心的模块解决了,块与块的问题解决了,就剩下打包发布了,最近业界有这三个东西做这方面的工作。
又随着前端代码的越来越复杂,不得不出现了javascript mvc的解决方案:
angularjs, backboneunderscore, 有空的时候了解一下。
移动端的几个需要了解一下,jq mobile, zepto.knockout,swipe,iscroll
还有一些剑走偏峰的作品比如:three.js,d3.js,famo.us,
还有一些国内jser的贡献,团队或个人的都有。比如qwrap, avalon,wind,kissy,还有一个百度的七巧板,腾讯的jx,
还有其它的如vue.js, lightbox, artDialog, mydate97
 
最后:
正是这些好用的不好用的,好玩的不好玩的,构建了这几年来前端五彩缤纷的世界,无论从那一处下手,都能找到好玩的一处。也是正因为如此,所以有很多新人加入这个行业的原因或动力。所以,坚持就是胜利,我为我的选择努力,我为我的努力坚持,我为我的坚持一直在期待。
 

前端开发qq群:159758989 ,禁止闲聊,非喜勿进~!

上一篇:css小技巧(1)


下一篇:如何用PHP/MySQL为 iOS App 写一个简单的web服务器(译) PART1