文章的起因&＃xff0c;也是在群内交流是回答一个小伙的问题&＃xff0c;一扯就停不下来&＃xff0c;但由于个人知识面覆盖有限&＃xff0c;自身基础又不够扎实&＃xff0c;仅供参考&＃xff1a;
问这个问题之前&＃xff0c;我个人建议先搞清什么是jquery&＃xff0c;什么是js&＃xff1f;
jquery的优点&＃xff1a;他是常用的js工具方法的一堆封装&＃xff0c;他在一定程度上加快前端开发的速度&＃xff0c;会缩短项目开发周期&＃xff0c;会减少很多代码。
缺点&＃xff1a;因为jquery内部做了很多细节的处理&＃xff0c;当然最终目的是为了方便的调用。但是有些初学者误以为&＃xff0c;js的本来面貌就是这个样子。用Jquery去描述业务场景&＃xff0c;而不是试图用代码逻辑来解决问题。所以很多人就此对jquery造成依赖。很多提问的时候问&＃xff0c;这个问题用jquery怎么解决。
为什么他能够像现在如此受欢迎&＃xff0c;成为一种事实的标准&＃xff0c;是因为他的封装充分考虑了开发者的习惯&＃xff0c;在尽可能大的角度来方便开发者调用与二次开发&＃xff0c;这是他的一个优点之一。具体体现在&＃xff0c;类工厂链式方式的调用&＃xff0c;比如&＃xff1a;
$().show().animate()&＃xff0c;比如set,get的统一参数处理。$().css(&＃39;width&＃39;) $().css({ width : 200 });
而且在早期版本兼容了低版本ie的很多bug&＃xff0c;使开发的注意力真正的关注到逻辑与数据上来&＃xff0c;而不是成天解决兼容问题。
其它优点不一一等等。
至于如何使用好jquery&＃xff0c;jquery提供的方便快捷封装在整个前端开发流程占多大的比例&＃xff1f;为什么我们一定要建议先学js&＃xff0c;在学习其它框架&＃xff0c;这是我们要搞清楚的。
1. 其实如何使用好jquery&＃xff0c;取决于原生js的基础&＃xff0c;什么是原生js的基础&＃xff1a;
比如&＃xff1a;js语句后面到底用不用加分号&＃xff0c;不用加分号时在哪个地方有坑&＃xff1f;
js里边单双引号是否有区别&＃xff0c;他的标识名命名规则是怎么样的&＃xff0c;为什么prototype与jquery都取$为他的工厂函数标志&＃xff1f;如果你将来写一个&＃xff0c;还有没有其它符号可用&＃xff1f;
js里边保留字&＃xff0c;关键字&＃xff0c;有哪些&＃xff1f;each与普通的for循环有多大的区别&＃xff0c;他的好处在哪里&＃xff0c;他的坏处在哪里&＃xff0c;我们什么时候该用他&＃xff0c;什么时候不该用他&＃xff0c;等等。
还有高级的&＃xff0c;如何实现一个类的继承&＃xff0c;如果用jquery方便的继承&＃xff0c;什么闭包&＃xff0c;闭包的优缺点&＃xff0c;什么是事件代理&＃xff0c;代理的优缺点。等等
上面的这些知识&＃xff0c;在任何一个jquery相关书籍里边提的不多&＃xff0c;而这些恰恰是一个js初学者必须掌握的。
以下图片来自&＃xff1a;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的工具方法集合&＃xff0c;而前端开发除了操作常用的dom之外&＃xff0c;还需要操作页面的交互数据&＃xff0c;模块化开发&＃xff0c;工程师发布等等。夸张点说&＃xff1a;jquery只是前端开发中的一个部分&＃xff0c;他没有任何一处能力完全取代原生js。而且我们需要了解的还有很多&＃xff0c;具体见下文。
前面从个人的角度介绍了一下什么是jquery&＃xff0c;然后什么是js&＃xff0c;百度很多&＃xff0c;不一一介绍。
3. 只有在学好原生js的基础上&＃xff0c;才能很多的学习jquery或其它框架。因为jquery与其它框架出现的初衷就是加快js开发&＃xff0c;粗暴的理解&＃xff0c;他对常用的js开发函数进行了封装&＃xff0c;所以js功底扎实&＃xff0c;基本看api及说明就能很快的入手&＃xff0c;这也是jquery及其它框架欢迎的根本。
然后个人建议&＃xff1a;先学原生js&＃xff0c;再学jquery&＃xff0c;然后有空学习jquery源码&＃xff0c;才能更好的使用jquery。
然后问题来了&＃xff0c;除了jquery之外还有什么值得学习的主流js框架&＃xff1f;
jquery 主要战场还是在dom操作这块&＃xff0c;顺带封装了ajax或其它的常用方法。
其它经典怀旧的几个有空的时候可以了解一下他们的源码&＃xff0c;mootools, prototype.是他们启发了js向工程化&＃xff0c;团队化&＃xff0c;协作化方向发展的转变&＃xff0c;
yui虽然听说停止开发了&＃xff0c;但他的代码思想与那些yahoo jser付出&＃xff0c;努力的结晶是值得我们学习与默拜的。
除了jquery之外&＃xff0c;ext是一个巅峰&＃xff0c;需要了解一下。他是初期企业级UI框架解决的一个鼻祖&＃xff0c;从一定程度上解决了当时企业级应用的复杂界面交互&＃xff0c;但是后来由于界面风格的单一化或本身一些性能问题&＃xff0c;而被一些开发者弃用。
其它类ext的比如&＃xff1a;easyui, lightui, j-ui, 这几个&＃xff0c;并没有真正意义上颠覆或超越ext&＃xff0c;但在天朝本地化或语言或自身业务模式上有了一定的微创新或发展。
由于随着前端交互或数据的提高&＃xff0c;对前端的依赖也是越来越大&＃xff0c;这样前端的代码也是越来越多&＃xff0c;这样的场景下就需要一个能解决代码块与块之间的调用&＃xff0c;多块的代码加载&＃xff0c;等等这些问题的框架出现。这时候requirejs,seajs填补了这2个空白。
然后核心的模块解决了&＃xff0c;块与块的问题解决了&＃xff0c;就剩下打包发布了&＃xff0c;最近业界有这三个东西做这方面的工作。
grunt, gulp,fis。
又随着前端代码的越来越复杂&＃xff0c;不得不出现了Javascript mvc的解决方案&＃xff1a;
angularjs, backbone&＃xff0c;underscore, 有空的时候了解一下。
移动端的几个需要了解一下&＃xff0c;jq mobile, zepto.knockout,swipe,iscroll
还有一些剑走偏峰的作品比如&＃xff1a;three.js,d3.js,famo.us,
还有一些国内jser的贡献&＃xff0c;团队或个人的都有。比如qwrap, avalon,wind,kissy&＃xff0c;还有一个百度的七巧板&＃xff0c;腾讯的jx&＃xff0c;
还有其它的如vue.js, lightbox, artDialog, mydate97。
最后&＃xff1a;
正是这些好用的不好用的&＃xff0c;好玩的不好玩的&＃xff0c;构建了这几年来前端五彩缤纷的世界&＃xff0c;无论从那一处下手&＃xff0c;都能找到好玩的一处。也是正因为如此&＃xff0c;所以有很多新人加入这个行业的原因或动力。所以&＃xff0c;坚持就是胜利&＃xff0c;我为我的选择努力&＃xff0c;我为我的努力坚持&＃xff0c;我为我的坚持一直在期待。
京公网安备 11010802041100号