1. 程式人生 > 實用技巧 >H5開發中的程式碼簡化

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