What?

js-[component] 主要负责 Login Only 部分 。这里面尽量不要出现展示性的样式,只做逻辑的部分。

Script Guild

(function(global, factory) {
  if (typeof define === "function" && (define.amd || define.cmd)) {
    define(factory);
  } else {
    // 修改 Component 为你组件的名称
    global.NuComponent = factory();
  }
})(this, function() {
  // 全局参数
  const _default = {};

  // 你的组件
  function Obj(opt) {
    for (const name of _default) {
      this[name] = opt[name] || _default[name];
    }
    this.init();
  }

  // 初始化
  Obj.prototype.init = function() {
    console.log("hello world");
  };

  return Obj;
});

这是一个 JS 代码模版,采用的是 JS 原型链继承的方式编写组件。

Tree

[component]
├── README.md          // describe your component
├── lib                // dist 目录
│   └── index.js
└── package.json

Contribution

Fork js-dialog 这个作为组件模版,使用里面配置,删除原始代码,然后创建你自己的组件即可。

上次更新: 5/16/2020, 3:33:45 PM