美文网首页技术干货让前端飞
短小精悍的实用js代码。

短小精悍的实用js代码。

作者: 打完这仗回家结婚 | 来源:发表于2017-07-15 20:41 被阅读0次

菜鸡一只。拾前人牙慧,稍作补充解释。

数组去重

return Array.from(new Set(array))

ES6特性之Set,利用了Set不能有重复元素的特性,可以快速去重。

随机颜色

Math.floor(Math.random() * (2 << 23)).toString(16)

结果为rgba颜色值,需要配合#食用。

随机数

~~(Math.random()*10)

比 Math.floor() 写起来简单多了,缺点是无法控制最小值。

判断奇偶数

number % 2 == 0?"偶数":"奇数"

取最近的偶数

(999 | 1) - 1

相比先写if判断奇偶再-1是不是更直接~

除2取整

最基础Math.floor(5/2),或者用随机数方法写为~~(5/2),最快的方法5>>1,起码可以提高60%运行效率+26%编程效率。

相关文章

  • 短小精悍的实用js代码。

    菜鸡一只。拾前人牙慧,稍作补充解释。 数组去重 return Array.from(new Set(array))...

  • WebView与js的交互

    Android与js相互调用的桥梁是WebView 1:Android通过WebView调用js 调用js代码实用...

  • js实用代码段

    比较两个数组不一样的元素,存进新数组内 var merge = result.concat(inputStr).f...

  • 实用Javascript调试技巧

    摘要: 高效调试JS代码。 原文:实用Javascript调试技巧分享 作者:MudOnTire Fundebug...

  • Python统计字符

    Python统计字符代码短小精悍 结果如下: 代码如下:

  • 什么是JQ?

    JQ:一个优秀的JS库 写越少的代码,做越多的事情 JQ的好处: 简化JS的复杂操作不再需要关心兼容性提供大量实用...

  • canvas制作无限视差滚动背景图

    我们都知道传统的js控制div的滚动 其实用canvas也一样可以实现效果如下 代码如下

  • JSContext实用

    通过JSContext来加载javascript代码,可以通过JSValue来实用js的中的方法,可以进一步扩展到...

  • 原生js实现无缝轮播图

    css代码: html代码: js代码: common.js,为自己封装的代码

  • JS常用代码

    JS、jQuery插入元素的几种方法 方法一: HTML代码 JS代码 方法二: HTML代码 JS代码 方法三:...

网友评论

    本文标题:短小精悍的实用js代码。

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