组件开发-命名规范

组件命名规范

=

项目案例  获取表格中的数据，返回JSON个对象

实现方式一写法：hct-*命名

    /**
     * 获取表格中的数据：input:text radio checkbox password
     * 通过名称获取，并会获取tr上的Id
     * 
     * @method getTableVal
     * @param  {Object} $tbody table的query对象
     * @return {Object}        返回JSON
     */
    this.getTableVal = function($tbody, idName) {
        var res = false;

        if (!!$tbody && $tbody.length) {
            res = [];
            var name, value;    
            idName = idName || 'id';

            $tbody.children('tr').each(function() {
                var $tr = $(this), val = {id: $tr.data(idName)};
                $tr.find('input,select').each(function() {
                    var $that = $(this);
                    name = $that.prop('name');
                    if (!!name) {
                        if ($that.is('[type=checkbox],[type=radio]')) {
                            value = $that.is(':checked')?1:0;
                        } else {
                            value = $that.val();
                        }
                        val[name] = value;
                    }
                });
                res.push(val);
            });
        }

        return res;
    };

实现方式二写法：jq-*命名

/**
 * 获取表格中的数据：input:text radio checkbox password
 * 通过名称获取，并会获取tr上的Id
 * 
 * @class getTableVal
 * @constructor
 */
+function ($) {
    'use strict';
    /**
     * test doc
     * @method idName
     * @param  {Object} $tbody table的query对象
     * @return {Object}        返回JSON
     */
    var getTableVal = function(idName){
        var res = false,
            $tbody = this;

        if (!!$tbody && $tbody.length) {
            res = [];
            var name, value;    
            idName = idName || 'id';

            $tbody.children('tr').each(function() {
                var $tr = $(this), val = {id: $tr.data(idName)};
                $tr.find('input,select').each(function() {
                    var $that = $(this);
                    name = $that.prop('name');
                    if (!!name) {
                        if ($that.is('[type=checkbox],[type=radio]')) {
                            value = $that.is(':checked')?1:0;
                        } else {
                            value = $that.val();
                        }
                        val[name] = value;
                    }
                });
                res.push(val);
            });
        }

        return res;
    };
    $.fn.getTableVal = getTableVal; //将getTableVal方法挂到jQuery对象上
    

}(jQuery);

 修改原生插件及扩展pt-*

//修改原生方法
String.prototype.trim = function () {
    var str = this;
    if (!!str) {
        str = str.replace(/(^\s*)|(\s*$)/g, "");
    }
    return str;
}

//扩展
$.fn.extend({
    trim : function (str) {
        if (!!str) {
            str = str.replace(/(^\s*)|(\s*$)/g, "");
        }
        return str;
    }
});