标签 JS 下的文章

JS - 微信移动端自带返回 - 判断

$(function () {
    function pushHistory(){
        var state = {
            title: "title",
            url: "#"
        };
        window.history.pushState(state, "title", "#");
    }
    pushHistory();
    window.addEventListener("popstate", function (e) {
        //TODO
    }, false);
});

JS - 判断微信相关

function isWeiXin() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger' && ua.match(/WindowsWechat/i) != 'windowswechat' && ua.match(/WechatDevTools/i) !='wechatdevtools') {
        return true;
    } else {
        return false;
    }
}

JS - 判断图片是否是一个透明的png图片

前言

最近做了个在移动端手写签名的需求,从github上搜了个插件就开始开搞。 插件地址

问题

这个插件最后会生成对应签名图片的base64,但是在页面上需要判断用户是否真正签名了。 因为一旦调用这个插件,就算用户没有触碰屏幕,插件也会对应的生成一个透明图片的base64。

阅读全文

JS - 处理返回文件流

var xmlResquest = new XMLHttpRequest();
        xmlResquest.open("POST", "/download", true);
        xmlResquest.setRequestHeader("Content-type", "application/json");
        xmlResquest.setRequestHeader("Authorization", "token-value");
        xmlResquest.responseType = "blob";
        xmlResquest.onload = function (oEvent) {
                var content = xmlResquest.response;
                var elink = document.createElement('a');
                elink.download = "test.xlsx";
                elink.style.display = 'none';
                var blob = new Blob([content]);
                elink.href = URL.createObjectURL(blob);
                document.body.appendChild(elink);
                elink.click();
                document.body.removeChild(elink);
            };
            xmlResquest.send();

from

JS - Invalid Date、NaN-NaN - 报错

谷歌不报错,IE、火狐及微信内置浏览器中对于 2018-11-3 的时间格式的转化会报错,因此需要转换一下。

var time = '2018-11-3';
time = time.replace(/-/g , '/');
var date = new Date(time);
......

JS - 换行

<textarea>中用户输入了带换行的数据,若保存至数据库中需将 \r\n 替换为<br>保存。
再次从数据库中取出后,将<br>再替换为 \n 后赋值到<textarea>中。


阅读全文

JS - 去掉数组中重复的数据

function unique(arr){
    var result = [], hash = {};
    for (var i = 0, elem; (elem = arr[i]) != null; i++) {
        if (!hash[elem]) {
            result.push(elem);
            hash[elem] = true;
        }
    }
    return result;
}

JS - 身份证验证

JS

var common = {
    //简单的身份证判断
    isIDCard: function (val) {
        var pattern = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/;
        return pattern.test(val);
    },
    //严格的身份证判断,很严格,错一位都不行,亲测有效
    isIdCardNo: function (num){
        var factorArr = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1);
        var parityBit = new Array("1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2");
        var varArray = new Array();
        var intValue;
        var lngProduct = 0;
        var intCheckDigit;
        var intStrLen = num.length;
        var idNumber = num;
        // initialize
        if ((intStrLen != 15) && (intStrLen != 18)) {
            return false;
        }
        // check and set value
        for (i = 0; i < intStrLen; i++) {
            varArray[i] = idNumber.charAt(i);
            if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17)) {
                return false;
            } else if (i < 17) {
                varArray[i] = varArray[i] * factorArr[i];
            }
        }
        if (intStrLen == 18) {
            //check date
            var date8 = idNumber.substring(6, 14);
            if (common.isDate8(date8) == false) {
                return false;
            }
            // calculate the sum of the products
            for (i = 0; i < 17; i++) {
                lngProduct = lngProduct + varArray[i];
            }
            // calculate the check digit
            intCheckDigit = parityBit[lngProduct % 11];
            // check last digit
            if (varArray[17] != intCheckDigit) {
                return false;
            }
        } else {//length is 15
            //check date
            var date6 = idNumber.substring(6, 12);
            if (common.isDate6(date6) == false) {
                return false;
            }
        }
        return true;
    },
    isDate6: function (sDate) {
        if (!/^[0-9]{6}$/.test(sDate)) {
            return false;
        }
        var year, month, day;
        year = sDate.substring(0, 4);
        month = sDate.substring(4, 6);
        if (year < 1700 || year > 2500) {
            return false;
        }
        if (month < 1 || month > 12) {
            return false;
        }
        return true;
    },
    isDate8: function (sDate) {
        if (!/^[0-9]{8}$/.test(sDate)) {
            return false;
        }
        var year, month, day;
        year = sDate.substring(0, 4);
        month = sDate.substring(4, 6);
        day = sDate.substring(6, 8);
        var iaMonthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        if (year < 1700 || year > 2500) {
            return false;
        }
        if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
            iaMonthDays[1] = 29;
        }
        if (month < 1 || month > 12) {
            return false;
        }
        if (day < 1 || day > iaMonthDays[month - 1]) {
            return false;
        }
        return true;
    }
}

MUI - 选项卡点击事件

HTML

<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
    <a class="mui-control-item mui-active title-item" href="#container-1" data-type="1">
        <img src="/images/common/portrait.gif" class="title-img" /><br>淋巴系统</a>
    <a class="mui-control-item title-item" href="#container-2" data-type="2">
        <img src="/images/common/portrait.gif" class="title-img" /><br>淋巴水肿</a>
    <a class="mui-control-item title-item" href="#container-3" data-type="3">
        <img src="/images/common/portrait.gif" class="title-img" /><br>检查治疗</a>
    <a class="mui-control-item title-item" href="#container-4" data-type="4">
        <img src="/images/common/portrait.gif" class="title-img" /><br>患者问答</a>
</div>

JS

mui('#segmentedControl').on('tap', 'a', function(e) {
        //
});

阅读全文