0
点赞
收藏
分享

微信扫一扫

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

 


举报

相关推荐

0 条评论