作为一个程序员,如果只会ctrl+c和ctrl+v,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造轮子。
那么,作为一个前端,该如何封装自己的插件呢?
下面给不会封装的同学示范一个小模板:
//前面加;是防止跟其他js压缩时报错
;(function(global){
//开启严格模式
"use strict";
//构造函数定义一个类 传参数
function Scroll(el,options) {
//some code
};
//原型上提供方法
Scroll.prototype = {
//定义方法
show: function() {
//some code
}
};
if (typeof module !== 'undefined' && module.exports) { //兼容CommonJs规范
module.exports = Scroll;
}else if (typeof define === 'function'){ //兼容AMD/CMD规范
define(function () {
return Scroll
})
}else { //注册全局变量,兼容直接使用script标签引入插件
global.Scroll = Scroll;
}
})(this);
使用:
var scroll = new Scroll("#demo",{});
scroll.show();
看了之后是不是很简单?那么快来自己试一试吧。