花里胡哨的 JS 装逼大法,直呼内行!!

2021-09-30 10:32:31 浏览数 (1)

1、最简单的单行评级组件

代码语言:javascript复制
"★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);

定义一个变量 rate 是 1 到 5 的值,然后执行上面代码,如下:

这才发现其他插件都弱爆了呀!

2、JS 错误处理的方式的正确姿势(直接定位错误原因)

代码语言:javascript复制
try {
    // something
} catch (e) {
    window.location.href =
        "http://stackoverflow.com/search?q=[js] "   e.message;
}

3、从一行代码里面学点 JavaScript(如何快速知道所有元素边框)

代码语言:javascript复制
[].forEach.call($$("*"),function(a){
    a.style.outline="1px solid #" (~~(Math.random()*(1<<24))).toString(16)
})

换成另一种比较常见的写法就是:

代码语言:javascript复制
Array.prototype.forEach.call(document.querySelectorAll( * ), 
dom => dom.style.outline = `1px solid #${parseInt(Math.random() * 
Math.pow(2,24)).toString(16)}`)

接下来在浏览器控制看看:

4、史上最快清除缓存方法

代码语言:javascript复制
<a href="javascript:alert( 清除成功 );">清除缓存</a>
代码语言:javascript复制
逆锋起笔是一个专注于程序员圈子的技术平台,你可以收获最新技术动态、最新内测资格、BAT等大厂的经验、精品学习资料、职业路线、副业思维,微信搜索逆锋起笔关注!
推荐阅读:
4 个强大的 JavaScript 运算符
2021 年最佳 JavaScript 框架排名
JavaScript 代理的惊人力量
JavaScript 奇葩知识大全
一行能装逼的 JavaScript 代码

0 人点赞