美文网首页
JavaScript代码优化

JavaScript代码优化

作者: 莹莹宋 | 来源:发表于2018-09-01 19:06 被阅读0次

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代码优化

    js代码优化 1️⃣函数变量使用驼峰式,提高函数名的可读性2️⃣使用&& 减少if判断,应用场景是&&前使用boo...

  • Javascript 代码优化

    客户端的脚本可以使你的应用变得动态和生动,但是浏览器对于JavaScript的解释可能会导致效率的底下,而且随着客...

  • javaScript代码优化

    1. 检测工具 JSBeach[https://jsbench.me/] 2. 慎用全局变量 全局变量特点:...

  • 高性能php开发

    php优化路线 1.前端JavaScript/css/Images 2. php 代码优化tips Opcode缓...

  • 优化Javascript代码性能

    优化JS代码性能 优化循环 我们来看一段段代码 这段代码循环footballTeam中的members数组,然后打...

  • 技术贴 - 收藏集 - 掘金

    Prepack - Facebook 开源库帮助你自动优化 JavaScript 代码提高运行速度 - 前端 - ...

  • javaScript性能优化之代码优化

    利用函数的惰性载入提高 javaScript 代码性能 在 javaScript 代码中,因为各浏览器之间的行为的...

  • JavaScript优化方案(一)

    前端工作离不开性能优化,关于前端优化可以分为以下维度。 加载和执行 管理JavaScript代码是个棘手的问题,代...

  • 谈谈JavaScript异步代码优化

    前言 在实际编码中,我们经常会遇到Javascript代码异步执行的场景,比如ajax的调用、定时器的使用等,在这...

  • JavaScript代码优化问题示例

    找出下面代码并优化它 对该代码的优化是三个点 把data.length提出去 不要在里面进行提取dom('list...

网友评论

      本文标题:JavaScript代码优化

      本文链接:https://www.haomeiwen.com/subject/lxaywftx.html