怎样写一个js插件-cici0208-ChinaUnix博客

个人简介

web web web

文章分类

文章存档

2017年（26）

2016年（57）

2015年（60）

2014年（77）

我的朋友

相关博文

怎样写一个js插件

分类： Web开发

2017-05-10 09:57:41

setBgColor.js

//分号开头，用于防止代码压缩合并时与其它代码混在一起造成语法错误
//而事实证明，uglify压缩工具会将无意义的前置分号去掉，我只是习惯了这么写
//(function(){})();立即执行函数，闭包，避免污染全局变量
//开启严格模式，规范代码，提高浏览器运行效率
//定义一个类，通常首字母大写
//覆写原型链，给继承者提供方法
//兼容CommonJs规范
//兼容AMD/CMD规范
//注册全局变量，兼容直接使用script标签引入该插件
;
(function(){
"use strict";
var MyPlugin = function(options) {
this.options = typeof options === "string" ? document.querySelector(options) : options;
};
MyPlugin.prototype = {
setBg: function(bg) {
this.options.style.background = bg;
}
};
if (typeof module !== 'undefined' && module.exports){
module.exports = MyPlugin;
}else if (typeof define !== 'undefined' && define.amd){
define("MyPlugin",[],function() {
return MyPlugin;
});
}else{
window.ModifyDivBg = MyPlugin;
}
})(this);

index.html

阅读(552) | 评论(0) | 转发(0) |

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们