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