前端技术博客-pdfh5.js

  • 首页
  • 分类
  • 文章归档
  • 友情链接
  • 关于我

  • 搜索
canvas react vue 随笔 SVG GitHub pdf.js tomcat nginx uniapp Linux javascript ES6 pdfh5

如何封装自己的js插件

发表于 2018-09-06 | 分类于 前端 | 1 | 阅读次数 1180

作为一个程序员,如果只会ctrl+c和ctrl+v,那么其实工作起来很枯燥的。做人没有梦想那跟咸鱼有什么分别?程序员也是一样。我们不要一直局限于粘贴复制,我们要学会自己造轮子。

那么,作为一个前端,该如何封装自己的插件呢?

下面给不会封装的同学示范一个小模板:

 //前面加;是防止跟其他js压缩时报错
;(function(global){
    //开启严格模式
    "use strict";
    //构造函数定义一个类    传参数
    function Scroll(el,options) {
        //some code

    };


    //原型上提供方法
    Scroll.prototype = {
        //定义方法
        show: function() {
            //some code
        }
        
    };
   
    if (typeof module !== 'undefined' && module.exports) {    //兼容CommonJs规范 
        module.exports = Scroll;
    }else if (typeof define === 'function'){   //兼容AMD/CMD规范
        define(function () {
            return Scroll
        })
    }else {    //注册全局变量,兼容直接使用script标签引入插件
        global.Scroll = Scroll;
    }
    
    
})(this);

使用:

var scroll = new Scroll("#demo",{});
scroll.show();

看了之后是不是很简单?那么快来自己试一试吧。

Donate comment here
pdfh5.js 微信支付

微信支付

pdfh5.js 支付宝

支付宝

  • 本文作者: pdfh5.js
  • 本文链接: https://www.gjtool.cn/archives/如何封装自己的js插件
  • 版权声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 3.0 许可协议。转载请注明出处!
# javascript
pdf.js移动端展示预览打开pdf-pdfh5.js
添加分享到朋友圈发送给好友分享等按钮
  • 文章目录
  • 站点概览
pdfh5.js

pdfh5.js

时间扑面而来,而我们终将释怀

21 日志
6 分类
14 标签
RSS
Github
Creative Commons
Links
  • Halo社区
0%
© 2018 — 2022 前端技术博客-pdfh5.js
鄂ICP备19002193号 鄂公网安备 42112602000235号