文章目录

pdfh5.js

热爱生活,热爱大前端。 http://www.gjtool.cn/pdfh5

标签: JavaScript (2)

JavaScript封装完美运动框架的过程

前言: 当页面上一个元素需要改变它的样式(width,height,left,top,opacity等等),我们可以直接设置元素.style.样式。 如果需要让它的样式从开始值到改变值有一个动态的过程(或者叫动画),那么,就需要给它写一个定时器。 让定时器每隔一段时间执行一段代码,让元素的样式慢慢改变。这样就可以看到动态的过程了。这个就是运动。 但是,如果有多个元素都要有运动效果,给每一个元素都写一个定时器?显然不太现实,代码就明显冗余了。这个时候就需要封装一个运动框架了,将这种一样的运动过程给封装起来,要用的时候只需要写元素名和需要运动的属性就好了。比如这样:animate(div,'width',300);只要事先把animate函数方法封装起来,以后要用的时候,写这么简单的一行代码就可以实现要运动的效果了。 在网上看了一些博客,再加上自己的一些理解,然后稍稍改动了一下其中的一些博主没注意的地方(或者叫小bug),然后就有了自己的封装的animate方法。当然,运动有匀速加速减速,这里只是封装了减速缓冲运动。 正题开始:

JavaScript如何封装自己的js插件

作为一个程序员,如果只会ctrl+c和ctrl+v,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造轮子。 那么,作为一个前端,该如何封装自己的插件呢? 下面给不会封装的同学示范一个小模板: