2、明确知道自己即将写的是一个什么功能。
3、思考实现过程。
4、动手写代码。
额外的，可以了解一些js插件。
比如jQuery，可以帮你少写很多js代码。并且jQuery在网上能找到很多中文教程以及手册。
当实在没有思路的时候，可以按照自己即将要写的功能，到网上找找有没有类似的插件或者代码。拿下来分析一下，应该会对你有所启发。
我先简写一个HTML文件：<body>
<div id="div1"></div>
</body>
有了这个文件，我们就开始写Javascript了。
Javascript必须写在<script>内部（我是说写在HTML文件之中时），就像CSS要写在<style>内部一样。
首先。我们要知道自己要干什么。比如说，我要让那个DIV的宽度变为100像素，高度也变成100像素，背景变成红的。我们要这样写：
<body>
<div id="div1"></div>
<script>
document.getElementById('div1').style.width='100px'
document.getElementById('div1').style.height='100px'
document.getElementById('div1').style.background='red'
</script>
</body>
这样就写好了。
document.getElementById('div1')意思是说在文档中选出id为div1的那个元素
document.getElementById('div1').style.width='100px'它的完整意思可以这么理解：
在文档中选出id为div1的那个元素，让这个元素的样式（style）的宽(width)变为100px；
以下两句类似。
这是JS中最简单的编程思路了。
不知道这么说，是不是回答了你的提问！！！
1 、 首先我们需要在开始时将我们锁需要的封装函数链接进来。列如<script type="text/javascript" src="animate-2.0.1.js"></script>
而且我们必须得得到所有需要用到的对象用 getElementById 、getElementsByTagName，然后把需要一个规范的命名。
2 、第二部我们创建一个定时器先让轮播图中所有图片的 li 动起来
右边点击函数跟定时器所运动的函数一个样，所以我们可以封装一个函数abc（）；他们是共用的；
3 、 写出左边点击按钮事件的函数，这样就如上abc（）；差不多只是修改一些东西就行了；
4 、讲小圆点的样式改变封装成一个函数就是下面的chnage（）；
然后还得监听点击每个小圆点的事件，所以可以用for + onclick 讲每个小圆点点击事件给写出来。
难点：
1 、函数截留，当我们点击函数正在执行时，如果多次点击就会出现图片运动混乱的现象，这是我们需要用if(picDiv.isanimated) {return}，
2 、cloneNode（）函数picUl.appendChild(picLi[0].cloneNode(true))
