来一篇前端小总结

concat(Arr1,Arr2)连接两个数组
splice(startIndex,num,str)用str替换从startIndex的位置开始，第num个字符(会改变原数组)，返回删除的元素
slice(start,end)返回从start开始，从end结束（不包括end）的新数组
join(“，”)把所有的数组元素以‘，’为分隔符连接为字符串
pop()删除并返回数组的最后一个元素---》shift()删除数组的第一个元素
push（）向数组末尾添加一个或者多个元素，并返回新数组长度--》unshift向数组的开头添加一个或多个元素，并返回新的数组长度
reverse（）反转数组
sort()对数组进行排序

移动兼容

1.阻止屏幕旋转时字体自动调整
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}

2.使用click会出现绑定点击区域闪一下的情况，解决：给该元素一个样式如下
-webkit-tap-highlight-color: rgba(0,0,0,0);

3.ios android判断；
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {

} else if (/(Android)/i.test(navigator.userAgent)) {

} else {

};

4.重新定义滚动条的样式：
webkit现在支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。
::-webkit-scrollbar {width: 12px;}定义滚动条的宽度；
::-webkit-scrollbar-track {background-color: #eaeaea;border-left: 1px solid #ccc;}定义滚动条的背景
::-webkit-scrollbar-thumb {background-color: #ccc;}上下箭头
::-webkit-scrollbar-thumb:hover {
background-color: #aaa;
}
::-webkit-scrollbar-thumb:active{
background-color:#333;
}

组织浏览器滑动

var overscroll = function(el) {
el.addEventListener('touchstart', function() {
var top = el.scrollTop
, totalScroll = el.scrollHeight
, currentScroll = top + el.offsetHeight;

if(top === 0) {
el.scrollTop = 1;
} else if(currentScroll === totalScroll) {
el.scrollTop = top - 1;
}
});
el.addEventListener('touchmove', function(evt) {

if(el.offsetHeight < el.scrollHeight)
//alert(0)
evt._isScroller = true;
});
}
overscroll(document.querySelector('.container'));
document.body.addEventListener('touchmove', function(evt) {
//alert(1)
if(!evt._isScroller) {
//alert(1)
evt.preventDefault();
}
});

判断是否微信内置浏览器

function isWeixin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
} else {
return false;
}
}