碎片.后期整理

苦于前端学习 碎片化太严重.我准备在这里记录一下我的一些零碎的知识片段

ps:主要是学过了就忘.方便以后回顾

 

json 的标准语法:

1.只能用双引号

2.所有的key都必须用双引号包裹

{"a":1,"b":2} √

{a:1,b:2}   ×

前端可以不考虑

JSON.stringify和JSON.parse 的应用场景

利用url 传对象

let json = {a:12,b:5};

let str='http://www.baidu.com'+encodeURIComponent(JSON.stringify(json))

ES6

数组的方法

map 映射

map(item=>irem>=60?"及格":"不及格")

reduce 汇总

reduce((tmp,item,index){  })  

tmp 一次循环抛出的值  item 循环的数值 index 下标

let arr = [1,2,3,4,5]

let res= arr.reduce(function(tmp,item,index){

if (index<arr.length){

 return tmp +item                   //求和

}else {

 return (tmp+item)/arr.length  //平均

}

})

filter 过滤器

let arr =[1,2,3,4,5,6,7]
arr .filter(item=>item%2===0)

forEach  迭代

arr.forEach((item,index)=>{

})

字符串的方法

includes()：返回布尔值，表示是否找到了参数字符串。
startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。
endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部。

网页中默认图片的几种解决方式

1. onerror <img src="logo.jpg" alt="logo" onerror = "this.src='https://'">  备用地址出错将无限制调用(用base64转码写入解决)

2. 背景叠加.重复加载影响性能 不实用

3.伪元素方法以纯色背景图为占位图