javascript如何封装自己的js插件?(简单教程)
程序员文章站
2022-06-30 09:29:04
作为一个程序员,如果只会ctrl+c和ctrl+v,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造*。...
作为一个程序员,如果只会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);
看了之后是不是很简单?那么快来自己试一试吧。
上一篇: header导出Excel应用示例
下一篇: 跟老齐学Python之print详解
推荐阅读
-
如何用vue.js写简单的购物车(代码教程)
-
javascript如何封装自己的js插件?(简单教程)
-
javascript 3d网页 封装简单的Gui控制器视图类 和 ThreeBSP网格组合 ( three.js r114 初探 三)
-
js专家教你如何快速编写简单的jQuery提示插件
-
自己的js工具 Event封装_javascript技巧
-
自己的js工具 Cookie 封装_javascript技巧
-
推荐一个自己用的封装好的javascript插件_javascript技巧
-
推荐一个自己用的封装好的javascript插件_javascript技巧
-
JS简单实现城市二级联动选择插件的方法_javascript技巧
-
自己编写的支持Ajax验证的JS表单验证插件_javascript技巧