查看更多精彩前端资源。

【简介】

         在开发中，有一些代码段的使用频率是非常高，或者有些只是偶尔用到，但是属性又很难记，那么这里把它做一个总结，方便查阅。

【鼠标滚轮事件】

[JavaScript] 纯文本查看 复制代码

$('#content').on("mousewheel DOMMouseScroll", function (event) {

    // chrome & ie || // firefox

    var delta = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || (event.originalEvent.detail && (event.originalEvent.detail > 0 ? -1 : 1)); 

 

    if (delta > 0) {

        // 向上滚动

        console.log('mousewheel top');

    } else if (delta < 0) {

        // 向下滚动

        console.log('mousewheel bottom');

    }

});

【获取url上的键值对】

如下图：把地址栏的参数取出使用，是一种非常常见的操作。下面把地址?号后面的参数以键值对的形式存储在一个对象中返回。方便获取与

[JavaScript] 纯文本查看 复制代码

function getUrlData() {

        var str = location.search.substr(1);

        var strArr = str.split("&");

        var obj = {}

        for (var i = 0; i < strArr.length; i++) {

            var temp = strArr[i].split("=");

            obj[temp[0]] = temp[1];

        }

        return obj;

}

【判断有没有这属性】

[JavaScript] 纯文本查看 复制代码

function hasPrototypeProperty(obj, pro) {

    //  hasOwnProperty   in

    if (!obj.hasOwnProperty(pro) && (pro in obj)) {

        return true;

    }

    return false;

}

【检测浏览器是否支持svg】

[JavaScript] 纯文本查看 复制代码

function isSupportSVG() {

    var SVG_NS = 'http://www.w3.org/2000/svg';

    return !!document.createElementNS &&!!document.createElementNS(SVG_NS, 'svg').createSVGRect;

}

 

// 测试

console.log(isSupportSVG());

【检测是否是微信浏览器】

[JavaScript] 纯文本查看 复制代码

function isWeiXinClient() {

    var ua = navigator.userAgent.toLowerCase();

    if (ua.match(/MicroMessenger/i)=="micromessenger") {

        return true;

    } else {

        return false;

    }

}

// 测试

alert(isWeiXinClient());

【常用的一些正则表达式】

[JavaScript] 纯文本查看 复制代码

//匹配字母、数字、中文字符

/^([A-Za-z0-9]|[\u4e00-\u9fa5])*$/

 

//验证邮箱

/^\w+@([0-9a-zA-Z]+[.])+[a-z]{2,4}$/

 

//验证手机号

/^1[3|5|8|7]\d{9}$/

 

//验证URL

/^http:\/\/.+\./

 

//验证身份证号码

/(^\d{15}$)|(^\d{17}([0-9]|X|x)$)/

 

//匹配中文字符的正则表达式

/[\u4e00-\u9fa5]/

 

//匹配双字节字符(包括汉字在内)

/[^\x00-\xff]/

加油加油