JavaScript代码优化

js代码优化

1️⃣函数变量使用驼峰式,提高函数名的可读性
2️⃣使用&& 减少if判断,应用场景是&&前使用bool,后面是条件成立后执行的代码。

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

3️⃣深复制可以使用JSON方法将对象转成字符串,在将字符串转成对象

JSON.parse(JSON.stringify(Object))

4️⃣很多for循环可以使用map,find,filter,forEach,根据实际应用场景适当使用
5️⃣if判断条较少的放在相对较前面进行判断。
6️⃣提交判断最好是先判断后进行获取数据提交,减少判断之前进行数据循环带来的时间差。

vue代码优化

1️⃣vue中的计算属性以及监听的用法区别是计算属性是数据变化时,返回一个值。监听是数据变化之后进行什么操作
2️⃣vue使用函数判断可简化使用computed属性对其计算进行返回值
3️⃣使用vue对代码进行高亮可使用vue中的{a:b}用法绑定class

css代码优化

1️⃣优化css类名,css新的命名格式,B-E-M,B表示模块,E表示元素,M表示修饰,使用这种方法命名可有效降低类名重复的几率。

你可能感兴趣的:(JavaScript代码优化)