这篇文章的效果，需要看过以下3篇文章： [js插件开发教程]一步步开发一个可以定制配置的隔行变色小插件 [js高手之路]匀速运动与实例实战(侧边栏,淡入淡出) [js高手之路]打造通用的匀速运动框架 ...
分类：
Web程序 时间：
2017-10-15 14:39:47
阅读次数：
177
javascript中，如何让一个元素(比如div)运动起来呢？ 设置基本的样式，一定要让div有定位( 当然用margin的变化也可以让元素产生运动效果 ); 基本的结构: 当我们点击，这个按钮的时候，要让div运动起来，其实就是让div的left值持续变化，那么div就会产生运动效果，我们先让l ...
分类：
Web程序 时间：
2017-10-14 18:32:52
阅读次数：
186
上节，我们讲了匀速运动，本节分享的运动就更有意思了： 加速运动 重力加速度 抛物线运动 摩擦力 加速运动: 加速度分解与合成 抛物线运动： 重力弹跳: 抛物线与重力弹跳运动 摩擦力运动 ...
分类：
Web程序 时间：
2017-10-09 22:35:53
阅读次数：
310
匀速运动：指的是物体在一条直线上运动，并且物体在任何相等时间间隔内通过的位移都是相等的。其实就是匀速直线运动，它的特点是加速度为0，从定义可知，在任何相等的时间间隔内，速度大小和方向是相同的。 上述实例让一个半径20px的小球 从x=0, y=canvas高度的一半，以每帧2px的速度向右匀速运动. ...
分类：
Web程序 时间：
2017-10-08 21:32:29
阅读次数：
250
效果图： 这个实例主要注意: 1，剩余时间的计算 2，每个时间数字的绘制 时间主要有0-9和一个冒号组成，用数组来表示( 0: 就是不画圆，1：就是画一个蓝色的圆 ) num.js文件： 1 var digital = 2 [ 3 [ 4 [0,0,1,1,1,0,0], 5 [0,1,1,0,1, ...
分类：
Web程序 时间：
2017-10-08 18:06:07
阅读次数：
183
一、什么是对象？ 对象是n个属性和方法组成的集合，如js内置的document, Date, Regexp, Math等等 document就是有很多的属性和方法, 如：getElementById, getElementsByTagName等等这些就是document对象支持的方法，那么我们常见的 ...
分类：
编程语言 时间：
2017-10-08 15:28:28
阅读次数：
286
有了前面的canvas基础之后，现在开始就精彩了，后面写的canvas教程都是属于综合应用，前面已经写了常用的canvas基础知识,参考链接如下： [js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法 [js高手之路] html5 canvas系列教程 - 掌握画 ...
分类：
Web程序 时间：
2017-09-30 11:28:10
阅读次数：
266
在之前javascript面向对象系列的文章里面，我们已经探讨了组合继承和寄生继承，回顾下组合继承：functionPerson(uName){
this.skills=[‘php‘,‘javascript‘];
this.userName=uName;
}
Person.prototype.showUserName=function(){
returnthis.userName;
}
functionTeacher(uName)..
分类：
编程语言 时间：
2017-09-29 19:43:44
阅读次数：
154
在requestAnimationFrame出现之前，我们一般都用setTimeout和setInterval，那么html5为什么新增一个requestAnimationFrame，他的出现是为了解决什么问题？ 优势与特点： 1)requestAnimationFrame会把每一帧中的所有DOM操 ...
分类：
Web程序 时间：
2017-09-29 16:33:46
阅读次数：
305
接着上文[js高手之路] html5 canvas系列教程 - 状态详解(save与restore)，相信大家都应该玩过美颜功能，而我们今天要讲的就是canvas强大的像素处理能力，通过像素处理，实现反色，黑白，亮度，复古，蒙版，透明等美颜效果. getImageData：获取一张图片的像素数据 c ...
分类：
Web程序 时间：
2017-09-28 12:58:06
阅读次数：
299
