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

简介:

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

问这个问题之前,我个人建议先搞清什么是jquery,什么是js?
 
 
jquery的优点:他是常用的js工具方法的一堆封装,他在一定程度上加快前端开发的速度,会缩短项目开发周期,会减少很多代码。
缺点:因为jquery内部做了很多细节的处理,当然最终目的是为了方便的调用。但是有些初学者误以为,js的本来面貌就是这个样子。用Jquery去描述业务场景,而不是试图用代码逻辑来解决问题。所以很多人就此对jquery造成依赖。很多提问的时候问,这个问题用jquery怎么解决。
为什么他能够像现在如此受欢迎,成为一种事实的标准,是因为他的封装充分考虑了开发者的习惯,在尽可能大的角度来方便开发者调用与二次开发,这是他的一个优点之一。具体体现在,类工厂链式方式的调用,比如:
$().show().animate(),比如set,get的统一参数处理。$().css('width') $().css({ width : 200 });
 
 
而且在早期版本兼容了低版本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数组

2.JavaScript 函数基础

3.Javascript 运算符

4.JavaScript 流程控制

5.JavaScript 正则表达式

6.JavaScript 变量

7.JavaScript 字符串函数

8.DOM 基本操作

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或其它的常用方法。
其它经典怀旧的几个有空的时候可以了解一下他们的源码, mootoolsprototype.是他们启发了js向工程化,团队化,协作化方向发展的转变,
yui虽然听说停止开发了,但他的代码思想与那些yahoo jser付出,努力的结晶是值得我们学习与默拜的。
除了jquery之外,ext是一个巅峰,需要了解一下。他是初期企业级UI框架解决的一个鼻祖,从一定程度上解决了当时企业级应用的复杂界面交互,但是后来由于界面风格的单一化或本身一些性能问题,而被一些开发者弃用。
其它类ext的比如: easyui, lightui,  j-ui, 这几个,并没有真正意义上颠覆或超越ext,但在天朝本地化或语言或自身业务模式上有了一定的微创新或发展。
由于随着前端交互或数据的提高,对前端的依赖也是越来越大,这样前端的代码也是越来越多,这样的场景下就需要一个能解决代码块与块之间的调用,多块的代码加载,等等这些问题的框架出现。这时候requirejs,seajs填补了这2个空白。
然后核心的模块解决了,块与块的问题解决了,就剩下打包发布了,最近业界有这三个东西做这方面的工作。
gruntgulp, fis
又随着前端代码的越来越复杂,不得不出现了javascript mvc的解决方案:
angularjsbackboneunderscore, 有空的时候了解一下。
移动端的几个需要了解一下, jq mobilezepto. knockout, swipe, iscroll
还有一些剑走偏峰的作品比如: three.js, d3.js,  famo.us,
还有一些国内jser的贡献,团队或个人的都有。比如 qwrapavalon, wind, kissy,还有一个百度的七巧板,腾讯的jx,
还有其它的如 vue.jslightboxartDialogmydate97
 
最后:
正是这些好用的不好用的,好玩的不好玩的,构建了这几年来前端五彩缤纷的世界,无论从那一处下手,都能找到好玩的一处。也是正因为如此,所以有很多新人加入这个行业的原因或动力。所以,坚持就是胜利,我为我的选择努力,我为我的努力坚持,我为我的坚持一直在期待。




本文转自懒得安分博客园博客,原文链接:http://www.cnblogs.com/jikey/p/4039740.html,如需转载请自行联系原作者
目录
相关文章
|
2天前
|
JavaScript 前端开发
基于SVG的js圆形菜单插件
这是一款基于SVG的js圆形菜单插件。该js圆形菜单插件可以生成漂亮的圆形菜单效果,支持二级菜单,支持使用鼠标滚动切换菜单
28 16
|
2天前
|
JavaScript 前端开发 iOS开发
ios样式开关按钮jQuery插件
ios样式开关按钮jQuery插件
23 7
|
2天前
|
JavaScript 前端开发 API
漂亮的jQuery对话框插件Dialogify
这是一款jQuery对话框插件。该对话框插件使用dialog元素和 HTMLDialogElement API来制作对话框, 可以生成漂亮的对话框效果。
21 7
|
2天前
|
JavaScript
jQuery响应式垂直侧边栏插件rvnm
jQuery响应式垂直侧边栏插件rvnm
|
9天前
|
JavaScript
jQuery简单实用的圆形进度条插件
CirclesProgressbar是一款简单实用的jQuery圆形进度条插件。该插件可以自定义圆形进度条的大小,填充颜色,边框颜色和是否带动画效果等。该圆形进度条插件在使用上非常简单。
|
13天前
|
Web App开发 JavaScript iOS开发
JS弹出式QQ在线客服插件
JS弹出式QQ在线客服插件
22 6
|
14天前
|
JavaScript
可自由配置的jQuery消息提示框插件toast
jquery.toast.js是一款可自由配置的jQuery消息提示框插件。该消息提示框可以自定义背景和前景色,提示框的位置,提示框的显示时间,提示框的动画效果等。
19 2
|
1天前
|
JavaScript
jQuery新闻类轮播图插件sliderBox
sliderBox.js是一款jQuery新闻类轮播图插件。该jQuery新闻类轮播图插件可以创建兼容ie8、带缩略图导航、以及多种过渡效果的轮播图。
8 0
|
3天前
|
JavaScript 前端开发
灵活的jQuery垂直手风琴插件
这是一款使用jQuery和css3 transitions制作垂直手风琴插件。
19 0
|
14天前
|
Web App开发 JavaScript 前端开发
高性能的纯Js滚动条美化插件smooth-scrollbar
smooth-scrollbar是一款高性能的纯JavaScript滚动条美化插件。该滚动条为现代浏览器而制作,它具有高性能,自由配置,平滑滚动等特点,支持各种现代桌面浏览器和手机设备。