H5開發中的程式碼簡化
阿新 • • 發佈:2020-09-08
在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>`
)