在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>`
)