web前端性能優(yōu)化

\color{red}{重復(fù)代碼要提取成函數(shù),然后從外部傳入實(shí)參,來讓代碼更靈活}
原代碼:
function change_start_price(e) {
dispatch({
type : 'groupManageModel/updateState',
payload : {
start_price : e
}
});
}
function change_end_price(e) {
dispatch({
type : 'groupManageModel/updateState',
payload : {
end : e
}
});
}
修改之后的代碼:
function change_val(key, e) {
dispatch({
type : 'groupManageModel/updateState',
payload : {
[key] : e
}
});
}
調(diào)用時(shí)這樣調(diào)用:
change_val.bind(this, 'start_price')
change_val.bind(this, 'end_price')

\color{red}{2個(gè)變量,是同一個(gè)值,這種代碼要去掉其中一個(gè)變量}

\color{red}{新建彈出框時(shí)清空彈出框數(shù)據(jù),其他時(shí)候不清空彈出框數(shù)據(jù),以前在彈出框里處理數(shù)據(jù)以后,點(diǎn)擊確定,成功以后我也清空彈出框數(shù)據(jù),其實(shí)沒必要}

\color{red}{同一個(gè)屬性使用次數(shù)超過一次時(shí),進(jìn)行封裝:}
原代碼:
if(addModalTitle == '編輯'){
// 編輯商品組
dispatch({
type: 'groupManageModel/goodsRuleupdate',
payload: {
id,
gePrice : select_price ? start_price : undefined,
ltPrice : select_price ? end_price : undefined,
},
});
}
else{
// 創(chuàng)建商品組
dispatch({
type: 'groupManageModel/goodsRulecreate',
payload: {
gePrice : select_price ? start_price : undefined,
ltPrice : select_price ? end_price : undefined,
},
});
}
修改之后的代碼:
let commonPayload = {
gePrice : select_price ? start_price : undefined,
ltPrice : select_price ? end_price : undefined,
};
if(addModalTitle != '編輯'){
// 創(chuàng)建商品組
dispatch({
type: 'groupManageModel/goodsRulecreate',
payload: commonPayload,
});
}
else{
// 編輯商品組
dispatch({
type: 'groupManageModel/goodsRuleupdate',
payload: {
id,
...commonPayload
},
});
}

\color{red}{關(guān)于for循環(huán)時(shí),緩存長度的值:}
原代碼:
var arr = [1, 2];
for(var i = 0;i < arr.length;i++){
console.log(arr[i]);
}
修改之后的代碼:
var arr = [1, 2];
for(var i = 0,len = arr.length;i < len;i++){
console.log(arr[i]);
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容