作为一个程序员,如果只会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);
看了之后是不是很简单?那么快来自己试一试吧。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
网友评论