资讯专栏INFORMATION COLUMN

标准的组件结构

cocopeak / 3386人阅读

摘要:一个标准的插件结构需要做到不污染全局变量插件有自己的私有函数插件有自己的发布订阅,在插件执行的不同时期派发事件,使得调用者能够在插件相应的时期执行对应的操作插件需要可卸载,同时做一些清理工作对于多人开发,此可以作为基本插件,通过的继承机制来

一个标准的js插件结构需要做到
1.不污染全局变量
2.插件有自己的私有函数
3.插件有自己的发布订阅,在插件执行的不同时期派发事件,使得调用者能够在插件相应的时期执行对应的操作
4.插件需要可卸载,同时做一些清理工作
5.对于多人开发,此可以作为基本插件,通过js的继承机制来实现,es6中可以使用class extend

var MyPlugin = (function() {
    var _fn1 = function() {} // 私有函数
    var _fn2 = function() {} // 私有函数

    var XX = function(config) {} // 插件名字
    XX.prototype = {
        constructor: XX,
        init: function(config) {
            this._config = config
            // dosomething
        },
        get: function(key) {
            return this._config[key]
        },
        set: function(key, value) {
            return this._config[key] = value
        },
        $on: function(key, cb) {

        },
        $emit: function(key) {

        },
        $off: function(key, cb) {

        },
        destory: function() {
            // 一些清理工作
            this.$off()
        }
    }
  return XX
})()

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90707.html

相关文章

  • 【重磅】Chameleon 开放跨端扩展标准协议

    摘要:基于对跨端工作的积累,规范了一套跨端标准,称之为协议开发者只需要按照标准扩展流程,即可快速扩展任意架构模式的终端。实现了微信端的基本扩展,用户可以以此为模板进行开发。新框架太多?学不动啦?有这一套跨端标准,今后再也不用学习新框架了。各个小程序按自己喜好各自为政?有了这套标准,再也不用重复开发各种新平台啦。如今前端比较流行的 React Native、Weex、Flutter 等跨平台开发框架...

    liangdas 评论0 收藏0
  • 【重磅】Chameleon 开放跨端扩展标准协议

    摘要:但是从年微信推出小程序,到至今各大厂商都推出自己的小程序,跨端开发就不仅仅是技术的问题了。实现了微信端的基本扩展,用户可以以此为模板进行开发。 新框架太多?学不动啦?有这一套跨端标准,今后再也不用学习新框架了。 各个小程序按自己喜好各自为政?有了这套标准,再也不用重复开发各种新平台啦。 如今前端比较流行的 React Native、Weex、Flutter 等跨平台开发框架,对于开发来...

    shuibo 评论0 收藏0
  • Taro 简介

    摘要:让人又爱又恨的微信小程序自微信小程序以下简称小程序诞生以来,就伴随着赞誉与争议不断。同时于开发者来说,小程序的生态不断在完善,许多的坑已被踩平,虽然还是存在一些令人诟病的问题,但已经足见微信的诚意了。 Taro 介绍 在互联网不断发展的今天,前端程序员们也不断面临着新的挑战,在这个变化多端、不断革新自己的领域,每一年都有新的美好事物在发生。从去年微信小程序的诞生,到今年的逐渐火热,以及...

    sixgo 评论0 收藏0

发表评论

0条评论

cocopeak

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<