H5开发中的代码简化

在H5开发过程中，我们可以简化一些代码的书写。

1.用箭头函数进行简化。如将

$(".selectAll").click(function(){
    $(".tickImg").attr("src","images/tickFilled.png")
})

简化为

$(".selectAll").click(()=>{
    $(".tickImg").attr("src","images/tickFilled.png")
})

2.标签的自定义属性可用data-xx='yy'来实现，可将

$('.name').attr('data-id')

简化为

$('.name').data('id')

，即可得yy。

3.简化sessionStorage和localStorage的存取。如将

sessionStorage.setItem("name","lyh")
const name = sessionStorage.getItem("name")

简化为

sessionStorage.name = "lyh"
const name = sessionStorage.name

4.使用倒引号简化字符串。如将

$(".searchResult").append(
    '<div>
            <span>'+arr[i].displayName+'</span>
            <span>'+arr[i].phone+'</span>
        </div>
    </div>'
)

简化为

$(".searchResult").append(
    `<div>
            <span>${arr[i].displayName}</span>
            <span>${arr[i].phone}</span>
        </div>
    </div>`
)