js插件开发的几个简要步骤
2015-11-11 11:41
489 查看
JS插件的开发步骤:
1、首先需要闭包,如:
(function($){
//TO DO
})(jQuery);
这种规范的作用是:
1、避免全局依赖;
2、避免第三方破坏;
3、兼容jQuery操作符'$'和'JQuery'。
4、结构详解:
(function($){})(jQuery); 在这样一个结构里,第一个括号里边的内容:function($){} 是一个匿名函数,其参数'$'作用是为了不与其他库冲突。
第一个括号表示定义了一个匿名函数,然后第二个函数表示为该函数传递传递了一个参数'jQuery',整个结合起来意思就是,定义了一个匿名函数,
然后又调用该函数,该函数的实参为jQuery。相当于:function fun($){…}; fun(jQuery);
这种方法多用于存放开发的插件,执行其中的代码时,Dom对象并不一定加载完毕。
2、给插件加入主体
(function(){
$.fn.confirm = function (options) { //插件的名称为confirm,后期用的时候也是$("obj").confirm();
//TO DO
};
})(jQuery);
3、充实插件
后续则可以给插件添加属性、添加事件、封装函数,从而使得插件易用。
相关文章推荐
- js构造函数的继承
- echart,highcharts,chart.js等chart属性记录
- JS---类的继承
- [Ext JS 4] Extjs 之 initComponent 和 constructor的区别
- html 中javascript 页面加载完成后执行函数
- JSON toJSONString
- JavaScript匿名函数的使用
- Extjs 远程排序
- 九种原生js动画效果
- Extjs 控件属性大全
- jstl 学习
- js文字横向滚动特效
- iOS中JavaScript和OC交互
- console.log使用
- javascript 常见问题
- js/uploadifive html图片批量上传插件
- frames的对象兼容性获取以及跨域实现数据交换(js文件的加载判断)
- js正则表达式语法
- js控制按键在规定时间内的可操作性
- 详解javascript遍历方式