插件封裝規範

插件須要知足的條件

一個可複用的插件須要知足如下條件：

• 插件自身的做用域與用戶當前的做用域相互獨立，也就是插件內部的私有變量不能影響使用者的環境變量；
• 插件需具有默認設置參數；
• 插件除了具有已實現的基本功能外，需提供部分API，使用者能夠經過該API修改插件功能的默認參數，從而實現用戶自定義插件效果；
• 插件需提供監聽入口，及針對指定元素進行監聽，使得該元素與插件響應達到插件效果；
• 插件支持鏈式調用。

原生JavaScript插件編寫指南參見http://geocld.github.io/2016/03/10/javascript_plugin/

jquery插件開發流程

一、插件全局函數
將插件的全部功能寫在一個當即執行函數中

(function ($) {
      //....封裝組件邏輯
})(jQuery);

二、定義本身的組件的代碼

$.fn.rxgrid = function (options, param) {
  ...
  this.options = $.extend({}, this.defaults, options);
  ...
};

• this.options = $.extend({}, this.defaults, options)用來合併默認參數和用戶傳進來的參數

三、定義組件的方法

$.fn.rxgrid.prototype = {
  initGrid: function(){},
  draw: function(){},
  ...
}

四、默認參數列表

$.fn.rxgrid.defaults = {
        width: 850,
        height: 500,
        caption: '',
        //數據
        data: [],
        //列名
        colNames: ['guid', 'name'],
        colModel: [{
            name: '',
            index: '',
            width: '',
            hidden: false
        }]
    }