常用方法

1、设置图片自适应父级　

function setImg_wh(img) {
    if (!$(img).hasClass('seted_wh')) {
    var originalWidth = $(img).width();
    var originalHeight = $(img).height();
    var parentWidth = $(img).parent().width();
    var parentHeight = $(img).parent().height();
    var originalScale = originalWidth / originalHeight;
    var parentScal = parentWidth / parentHeight;
    var scaleNum, newImgWidth, newImgHeight, changeNum;

    if ($(img).parent().css('position') == 'static') {
        $(img).parent().css({
            'position': 'relative',
            'overflow': 'hidden'
        })
    }
    /*如果图片宽高比 大于 父级宽高比*/
    if (originalScale > parentScal) {
        scaleNum = originalHeight / parentHeight;
        newImgWidth = originalWidth / scaleNum;
        changeNum = (newImgWidth - parentWidth) / 2;
        $(img).css({
            'width': 'auto',
            'height': parentHeight,
            'margin-left': -changeNum
        });
    /*如果图片宽高比 小于 父级宽高比*/
    } else if (originalScale < parentScal) {
        scaleNum = originalWidth / parentWidth;
        newImgHeight = originalHeight / scaleNum;
        changeNum = (newImgHeight - parentHeight) / 2;
        $(img).css({
            'width': parentWidth,
            'height': 'auto',
            'margin-top': -changeNum
        });
    } else {
        
        $(img).css({
            'width': '100%',
            'height': '100%'
        })
    }

    $(img).addClass('seted_wh');
} else {
    console.log('已经处理过了');
    }
}

2、输入框字符长度限制（汉字+1 其余+0.5）

　　

function fnLengthLimit(item, itemStatus, maxLen, minLen, allowMax, isCut) {
    /*item:要绑定的dom元素  itemStatus:显示输入长度状态dom  maxLen:最大限制字数  min:最小限制字数   allowMax:允许输入最多字符（isCut 为true进生效)  isCut:是否进行截取(true,false)*/

    /*获取item初始值*/
    fnGetLengthOriginal(item, itemStatus, maxLen, minLen, allowMax, isCut);

    $(item).keyup(function() {
        fnGetLengthOriginal(item, itemStatus, maxLen, minLen, allowMax, isCut);
    });

    function fnGetLengthOriginal(item, itemStatus, maxLen, minLen, allowMax, isCut) {
        var nItemLength = 0; /*元素相对字符长度*/
        var nLenCeilOriginal = 0; /*输入限制长度*/
        var sItemValue = $(item).val(); /*元素初始value*/
        var nItemlegthOriginal = sItemValue.length; /*元素初始value 长度*/
        var nCutIndex = 100000; /*截取字符对应下标*/
        var sCuntValue = ''; /*开始字符对应该的值 */

        /*获取item 相对字符总长度*/
        for (let i = 0; i < nItemlegthOriginal; i++) {
            if ((/[u4e00-u9fa5]+/).test(sItemValue[i])) {
                nItemLength += 1;
            } else {
                nItemLength += 0.5;
            }
            nLenCeilOriginal = Math.ceil(nItemLength);
            /*到达截取字符相对应的value值*/
            if (nLenCeilOriginal == allowMax) {
                sCuntValue = sItemValue[i];
            }
        }

        /*设置截取字符下标*/
        sCuntValue && sCuntValue != '' ? nCutIndex = sItemValue.lastIndexOf(sCuntValue) : nCutIndex = nCutIndex;

        /*截取字符*/
        isCut ? sItemValue = sItemValue.substring(0, nCutIndex) : sItemValue = sItemValue;

        /*输入值在限制之外*/
        if (nLenCeilOriginal < minLen || nLenCeilOriginal > maxLen) {
            itemStatus.css({
                'color': '#f00'
            });
            $(itemStatus).attr('data-allow', 'false');
        } else {
            itemStatus.css({
                'color': '#ccc'
            });
            $(itemStatus).attr('data-allow', 'true');
        }

        $(item).val(sItemValue);
        $(itemStatus).html(nLenCeilOriginal + '/' + maxLen);
        return nLenCeilOriginal;
    }
}