常用的前端代码片段(一)在开发中，有一些代码段的使用频率是非常高，或者有些只是偶尔用到，但是属性又很难记，那么这里把它做

【简介】

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

【鼠标滚轮事件】

[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]
纯文本查看

复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
function hasPrototypeProperty(obj, pro) {

// hasOwnProperty in

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

return true;

}

return false;

}

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

[JavaScript]
纯文本查看

复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
function isSupportSVG() {

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

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

}

// 测试

console.log(isSupportSVG());

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

[JavaScript]
纯文本查看

复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
function isWeiXinClient() {

var ua = navigator.userAgent.toLowerCase();

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

return true;

} else {

return false;

}

}

// 测试

alert(isWeiXinClient());

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

[JavaScript]
纯文本查看

复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
//匹配字母、数字、中文字符

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

//验证邮箱

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

//验证手机号

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

//验证URL

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

//验证身份证号码