分类 代码 下的文章

AngularJs 的 $http 发送 POST 请求 , PHP 无法接收的解决方案

ngrApp.config(function ($stateProvider, $urlRouterProvider, $httpProvider){
    // Use x-www-form-urlencoded Content-Type
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    /**
     * The workhorse; converts an object to x-www-form-urlencoded serialization.
     * @param {Object} obj
     * @return {String}
     */
    var param = function(obj) {
        var query = '', name, value, fullSubName, subName, subValue, innerObj, i;
        for(name in obj) {
            value = obj[name];
            if(value instanceof Array) {
                for(i=0; i<value.length; ++i) {
                    subValue = value[i];
                    fullSubName = name + '[' + i + ']';
                    innerObj = {};
                    innerObj[fullSubName] = subValue;
                    query += param(innerObj) + '&';
                }
            }
            else if(value instanceof Object) {
                for(subName in value) {
                    subValue = value[subName];
                    fullSubName = name + '[' + subName + ']';
                    innerObj = {};
                    innerObj[fullSubName] = subValue;
                    query += param(innerObj) + '&';
                }
            }
            else if(value !== undefined && value !== null)
                query += encodeURIComponent(name) + '=' + encodeURIComponent(value) + '&';
        }
        return query.length ? query.substr(0, query.length - 1) : query;
    };
    // Override $http service's default transformRequest
    $httpProvider.defaults.transformRequest = [function(data) {
        return angular.isObject(data) && String(data) !== '[object File]' ? param(data) : data;
    }];
});

参考

angular - 仿github - NgResume

  • 前端框架 angular+layui
  • 后端框架 thinkphp3.2
  • 数据库 mysql
  • 测试账户密码都是 test
  • 本来想做了一个简单的简历展示系统,做着做着感觉做成博客了,前台页面风格仿照 github,后台页面风格仿照 typecho 。
  • 未做移动端兼容,懒,不想做了。
  • 登录后可查看页面信息,测试账号无任何修改权限。
  • 文章编辑使用了 Markdown 编辑器 editor.md 。
  • 分页使用的 tm.pagination 。

阅读全文

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) {
        //
});

阅读全文