JS组件

弃jQuery之原生开发

You-Dont-Need-jQuery

fetch

自定义组件（ES5）

1、命名规范：

• 英文单词，传达组件的功能性，禁用拼音；
• 首字母大写，驼峰式命名法；
• 文件名和组件实例名必须一致（区别于普通js文件命名）：例如ComponentDemo.js

2、通用格式规范：

(function (root, factory) {
    if (typeof exports === 'object') {
        /* CommonJS */
        factory(exports);
    } else if (typeof define === 'function' && define.amd) {
        /* AMD. Register as an anonymous module */
        define(['exports'], factory);
    } else {
        /* Browser globals */
        factory(root);
    }
} (this, function (exports) {
    'use strict';

    function extend(a, b) {
        for (var key in b) {
            if (b.hasOwnProperty(key)) {
                a[key] = b[key];
            }
        }
        return a;
    }

    function ComponentDemo(options){
        var defult_options = {

        };

        var _options = extend(defult_options, options);

        /* 组件逻辑 START */


        /* 组件逻辑 END */

    }

    exports.ComponentDemo = ComponentDemo;
}));