平常开发经常使用技巧与方法

CSS部分

盒子边倾斜

clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);

禁止点击事件/鼠标事件“穿透”

div * {
    pointer-events: none;   /*连接啊，点击事件啊，都没有效果了*/ 
}

用来控制元素在移动设备上使用滚动回弹效果

.main{
    -webkit-overflow-scrolling: touch;
}

可解决在IOS中使用overflow:auto 造成的滚动条，滚动不流畅的状况

文字渐变效果

.text-gradient{
    background-image: linear-gradient(135deg, deeppink, deepskyblue);
    -webkit-background-clip: text;
    color: transparent;
}

css三角形

#triangle-up {

 width: 0;

 height: 0;

 border-left: 50px solid transparent;

 border-right: 50px solid transparent;

 border-bottom: 100px solid red;

}

JS部分

JavaScript中检测数组的方法

(1)、typeof操做符

这种方法对一些经常使用的类型检查没有问题，但对array和null 都判断为object
(2)、instanceof操做符

这个操做符是检测对象的原型链是否指向构造函数的prototype对象的
(3)、对象的constructor属性

const arr = []

console.log(arr.constructor === Array) // true

(4)、Object.prototype.toString

const arr = []

console.log(Object.prototype.toString.call(arr) === '[object Array]') // true

(5)、Array.isArray()

经常使用的字符串操做

1. 字符串转化toString()
2. 字符串分隔split()
3. 字符串替换replace()
4. 获取长度length
5. 查询子字符串 indexOf
6. 返回指定位置的字符串或字符串编码 charAt charCodeAt
7. 字符串匹配 match
8. 字符串拼接concat
9. 字符串的切割或提取slice() substring() substr()
10. 字符串大小写转化 toLowerCase toUpperCase
11. 字符串去空格 trim() 用来删除字符串先后的空格

其中第9中三者的区别以下：
（1）slice(), 参数能够是负数，负数表示从字符串最后一个位置开始切割到对应结束位置
（2）substring()，参数不可为负数，切割第一个位置到第二个位置的字符串
（3）substr()， 参数不可为负数，第一个参数是开始位置，第二个参数为切割的长度
字符串去重
const str = '11122223333'
const arr = str.split('')
const uniqueStr = [...new Set(arr)].join('')

经常使用的数组操做

一、Array.map()
此方法是将数组中的每一个元素调用一个提供的函数，结果做为一个新的数组返回，并无改变原来的数组
二、Array.forEach()
此方法是将数组中的每一个元素执行传进提供的函数，没有返回值，注意和map方法区分
三、Array.filter()
此方法是将知足条件的元素做为一个新数组返回
四、Array.every()
此方法将数组全部元素进行判断返回一个布尔值，若是全部元素都符合判断条件，则返回true，不然返回false
五、Array.some()
此方法将数组全部元素进行判断返回一个布尔值,若是有一个元素知足判断条件，则返回true，全部元素都不知足则返回false
六、Array.reduce()
此方法为全部元素调用返回函数
七、Array.push()
在数组最后面添加新元素
八、Array.shift()
删除数组第一个元素
九、Array.pop()
删除数组最后一个元素
十、Array.unshift()
在数组最前面增长元素
十一、Array.isArray()
判断是否为一个数组
十二、Array.concat()
数组拼接
1三、Array.toString()
数组转化为字符串
1四、Array.join()
数组转化为字符串，并用第一个参数做为链接符
1五、Array.splice(开始位置，删除个数，元素)