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ù)的幾率。