0
如果只是写一个简单的效果,利用所学的基本知识抄上键盘就干!!!
如果楼主是要写一个插件的话,问题就多了。拿楼主所说的轮播插件来说。首先你要考虑的问题是
插件的使用范围
要么写成你当前网站全站通用的组件,要么写成全互联网通用的组件。当然,你也可以写成只符合你当前页面(no zuo no die)。
先说第一种情况,全站通用。轮播是跟html结构有紧密关联的,因为是全站通用的,你可以跟前端设计(如果html也是你编写,那更棒了。)定好统一的html结构,比如:
<div class="main-banner-roll">
<ul class="banner-rolll">
<li>
<a href="">
<img src="">
</a>
</li>
<li>
<a href="">
<img src="">
</a>
</li>
<li>
<a href="">
<img src="">
</a>
</li>
</ul>
<ul class="banner-btn">
<li></li>
<li></li>
<li></li>
</ul>
<span class="prev"></span>
<span class="next"></span>
</div>
结构固定了,编码的难度就会大大减小。重要的一点时,因为是适用于当前网站,你可以依赖你当前网站已有的js类库,如underscore等等。
如果你要想做成全互联网都可以使用的。哈哈,恭(zhao)喜(si)。
这个时候你就不能对html结构有太大的要求。不能在插件文档的第一句话就写上:如要使用该插件,html结构必须怎样,而且连类名都指定了,这它酿的坑爹啊。为了适应不同的结构,必不可少要做一些兼容性的处理。有一点要特别注意,尽量不要依赖第三方类库(jQuery除外哈),顺便在文档的第二句话写上,如果要使用此插件,必须使用requirejs,underscore,backbone...,你觉得还有人来用么?
编码
定好方向后,我的习惯是直接开始编码,边编码边调试。有些人可能习惯先构思,后编码。这是个人习惯。

轮播插件,一般有左右切换效果,下方小按钮标识切换效果,自动轮播效果。
当然了这个左右切换可能显示,也可能不显示,下方的小按钮也一样,自动轮播的速度也应该可以定制,所以这就有了三个参数了。在编写插件的过程中一定要记住:任何主要功能都应该是可定制的,这样才能做到通用。比如说下方的小按钮可以通过参数控制形状、hover的颜色等等。所以说,越牛逼的插件,代码越多。代码越少的插件,功能越简。
有点千万别忘了,蛋疼的浏览器兼容性啊!!!