JavaScript代碼優(yōu)化

js代碼優(yōu)化

1??函數(shù)變量使用駝峰式,提高函數(shù)名的可讀性
2??使用&& 減少if判斷,應(yīng)用場景是&&前使用bool,后面是條件成立后執(zhí)行的代碼。

if(true){
console.log(111);
}
//可以簡化成
true && console.log(111);

3??深復(fù)制可以使用JSON方法將對象轉(zhuǎn)成字符串,在將字符串轉(zhuǎn)成對象

JSON.parse(JSON.stringify(Object))

4??很多for循環(huán)可以使用map,find,filter,forEach,根據(jù)實際應(yīng)用場景適當(dāng)使用
5??if判斷條較少的放在相對較前面進(jìn)行判斷。
6??提交判斷最好是先判斷后進(jìn)行獲取數(shù)據(jù)提交,減少判斷之前進(jìn)行數(shù)據(jù)循環(huán)帶來的時間差。

vue代碼優(yōu)化

1??vue中的計算屬性以及監(jiān)聽的用法區(qū)別是計算屬性是數(shù)據(jù)變化時,返回一個值。監(jiān)聽是數(shù)據(jù)變化之后進(jìn)行什么操作
2??vue使用函數(shù)判斷可簡化使用computed屬性對其計算進(jìn)行返回值
3??使用vue對代碼進(jìn)行高亮可使用vue中的{a:b}用法綁定class

css代碼優(yōu)化

1??優(yōu)化css類名,css新的命名格式,B-E-M,B表示模塊,E表示元素,M表示修飾,使用這種方法命名可有效降低類名重復(fù)的幾率。

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

相關(guān)閱讀更多精彩內(nèi)容

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