CSS 穿透覆蓋默認(rèn)樣式

input標(biāo)簽 上傳type="file"，使用img遮蓋，防止img阻隔點擊事件

img {
  pointer-events: none;
}

自定義原生 select 控件的樣式

select {
  -webkit-appearance: none;
}

文本溢出處理

//單行
.single {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
//多行
.more {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  work-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; //指定行數(shù)
}

全屏居中 JS 函數(shù)

function autoCenter(el) {
  var bodyX = document.documentElement.offsetWidth || document.body.offsetWidth;
  var bodyY = document.documentElement.offsetHeight || document.body.offsetHeight;

  var elementX = el.offsetWidth;
  var elementY = el.offsetHeight;

  el.style.left = (bodyX - elementX) / 2 + "px";
  el.style.top = (bodyY - elementY) / 2 + "px";
}

防止鼠標(biāo)選中事件

<div class="mask" onselectstart="return false"></div>

一像素邊框設(shè)置

.folder li {
  position: relative;
  padding: 5px;
}
.folder li + li:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: " ";
  width: 100%;
  height: 1px;
  border-top: 1px solid #ccc;
  -webkit-transform: scaleY(0.5);
}

徹底屏蔽鼠標(biāo)右鍵

oncontextmenu=”window.event.returnValue=false”

取消選取、防止復(fù)制

< body onselectstart=”return false”>

JS不允許粘貼

onpaste=”return false”

JS防止復(fù)制

oncopy=”return false;” oncut=”return false;”

禁用輸入法

< input style=”ime-mode:disabled”>

防止被人 frame

if (top.location != self.location)top.location=self.location;

網(wǎng)頁禁用另存為

< no>< iframe src=*.html>< /iframe>< /no>

判斷兩個數(shù)組是否相同

export function scalarArrayEquals(array1, array2) {
  return array1.length === array2.length && array1.every(function(v, i) { return v ===array2[i]})
}

對象轉(zhuǎn)換為數(shù)組

 var obj = {
    0: 'a',
    1: 'b',
    2: 'c',
    3: 'd',
    length: 4
}
var objArr = Array.prototype.slice.call(obj);

使用擴展運算符可以快速扁平化二維數(shù)組

const arr = [1,[2,3],[4,5]]
const flatArr = [].concat(...arr)
console.log(flatArr)//[1, 2, 3, 4, 5]

扁平化任意緯度數(shù)組

function flattenArray(arr){
  const flatArr = [].concat(...arr)
  return flatArr.some(item=>Array.isArray(item))?flattenArray(flatArr):flatArr
}
const arr = [1,[2,3],[4,5,[6,7,[8,9]]]]
console.log(flattenArray(arr))//[1, 2, 3, 4, 5, 6, 7, 8, 9]

對數(shù)組中的所有值求和

var numbers = [3, 5, 7, 2];
var sum = numbers.reduce((x, y) => x + y);
console.log(sum); // returns 17