阅读代码系列:[1]基于JQ的插件-瀑布流插件
这是阅读代码教程的第一篇,所以先说下以前我阅读代码的困惑。在刚能看懂代码时,阅读别人的代码(上千行上万行)时,非常的痛苦,不知道从何下手。经常跟踪来跟踪去,完了,自己搞不清楚走到哪里了。在代码行中迷路了。
随着阅读的代码越来越多,渐渐的有了一点眉目。在这里给初学者分享一下,这只是一种思路,不是放之四海而皆准的真理标准。所以请大家通过自己的思考,有选择的吸收。
阅读之前首先你要对这门知识有个初步的了解,比如这些名词都是什么意思。这些变量都其什么作用等等。
接下来让我们打开jquery.infinitescroll.js首先看到的是初始化。这些初始化的内容要根据单词的意思来理解清楚。
上面有部分英文介绍,可以帮助你了解各大概。下面介绍了一些常用的参数。
itemSelector : '.item',//class 选择器columnWidth : 240 ,//一列的宽度 IntegerisAnimated:true,//使用jquery的布局变化 BooleananimationOptions:{//jquery animate属性 渐变效果 Object { queue: false, duration: 500 }gutterWidth:0,//列的间隙 IntegerisFitWidth:true,// 适应宽度 BooleanisResizableL:true,// 是否可调整大小 BooleanisRTL:false,//使用从右到左的布局 Boolean
接下来就是跟踪函数,如果是初学者,不如就在每个函数中加一个alert,根据弹出内容,来确定整个执行的流程。是从哪个函数跳到按个函数的。把自己想知道的值也可以alert出来。看看到底获取到了什么。