[转] JavaScript 骚操作
原文地址: https://juejin.im/post/5e42826551882549063a7b7c
1. 生成随机ID
// 生成长度为10的随机字母数字字符串Math.random().toString(36).substring(2);
复制代码
2. 每秒更新当前时间
setInterval(()=>document.body.innerHTML=new Date().toLocaleString().slice(10,18))
复制代码
3. 生成随机 16 进制 颜色 码 如 # ffffff
'#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
复制代码
4. 返回键盘
// 用字符串返回一个键盘图形
(_=>[..."`1234567890-=~~QWERTYUIOP[]\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x<y?2:' 667699'[x=["BS","TAB","CAPS","ENTER"][p++]||'SHIFT',p])}\|`,m+=y+(x+' ').slice(0,w)+y+y,n+=y+b+y+y,l+=' __'+b)[73]&&(k.push(l,m,n,o),l='',m=n=o=y),m=n=o=y='|',p=l=k=[])&&k.join`
`)()
复制代码
5. 优雅的取整
var a = ~~2.33 ----> 2
var b = 2.33 | 0 ----> 2
var c = 2.33 >> 0 ----> 2
6.优雅的金钱格式化
1、使用正则实现
var test1 = '1234567890'
var format = test1.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
console.log(format) // 1,234,567,890
2、使用骚操作
function formatCash(str) {return str.split('').reverse().reduce((prev, next, index) => {return ((index % 3) ? next : (next + ',')) + prev})
}
console.log(format) // 1,234,567,890
复制代码
7. 五种方法实现值交换
1. var temp = a; a = b; b = temp; (传统,但需要借助临时变量)2. a ^= b; b ^= a; a ^= b; (需要两个整数)3. b = [a, a = b][0] (借助数组)4. [a, b] = [b, a]; (ES6,解构赋值)5. a = a + b; b = a - b; a = a - b; (小学奥赛题)
复制代码
8. 实现深拷贝
var b = JSON.parse(JSON.string(a))
复制代码
9. 去掉小数部分
//下面几种方式都行
parseInt(num)~~numnum >> 0num | 0
复制代码
10. 递归求阶乘
function factorial(n) {return (n > 1) ? n * f(n - 1) : n复制代码
11. 打印试试
console.log(([][[]] + [])[+!![]] + ([] + {})[!+[] + !![]])console.log((!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]])
复制代码
12. console美化
console.info("%c哈哈", "color: #3190e8; font-size: 30px; font-family: sans-serif");
[转] JavaScript 骚操作相关推荐
- JavaScript中的骚操作
JavaScript中的骚操作--记录自用 JavaScript中的骚操作 数组去重 数组转化为对象(Array to Object) 活用三元表达式 转换为数字类型(Convert to Numbe ...
- 笔记合并_.NET Core开发实战(第23课:静态文件中间件:前后端分离开发合并部署骚操作)学习笔记(上)...
23 | 静态文件中间件:前后端分离开发合并部署骚操作 我们先来看一下静态文件中间件有哪些能力 1.支持指定相对路径 2.支持目录的浏览 3.支持设置默认文档 4.支持多目录映射 源码链接: http ...
- 骚操作!有了这款神器,轻轻松松用Python写APP!(文末彩蛋)
本文转自机器之心 作者:Adrien Treuille 机器之心编译 参与:魔王.一鸣 机器学习开发者想要打造一款 App 有多难?事实上,你只需要会 Python 代码就可以了,剩下的工作都可以交 ...
- .NET Core开发实战(第23课:静态文件中间件:前后端分离开发合并部署骚操作)--学习笔记(下)...
23 | 静态文件中间件:前后端分离开发合并部署骚操作 这里还有一个比较特殊的用法 一般情况下,我们前后端分离的架构,前端会编译成一个 index.html 文件和若干个 CSS 文件和 JavaSc ...
- .NET Core开发实战(第23课:静态文件中间件:前后端分离开发合并部署骚操作)--学习笔记(上)...
23 | 静态文件中间件:前后端分离开发合并部署骚操作 我们先来看一下静态文件中间件有哪些能力 1.支持指定相对路径 2.支持目录的浏览 3.支持设置默认文档 4.支持多目录映射 源码链接: http ...
- C++和Rust_Kotlin、Rust两个充满了骚操作的编程语言,值得一玩
Kotlin和Rust都是两个年轻的编程语言,而且相比现在流行的Python.JavaScript/Typescript语言来说,Kotlin和Rust更接近底层,对于学习理解计算机原理,学习Kotl ...
- 前端开发中的骚操作~~~~~
应用场景 场景一:将一个字符串变成数字 常规操作 let str = '2' console.log(Number(str)) //2 复制代码 骚操作一 let str = '2' console. ...
- VSCode 使用骚操作!
<h1 id="VSCode-使用骚操作"><a href="#VSCode-使用骚操作" class="headerlink&qu ...
- Java 骚操作花式写法了解一下?
1.集合初始化 集合的创建.赋值一步到位,想不想学? 来,上边跟我一起画个 List,在你下边画一个Map-- List<String> list = new ArrayList<S ...
- VIP视频解析的一丢丢骚操作
大周末的挺多人窝在家看剧的,现在普遍要各种VIP了.所以很多人也会找一些VIP解析网站来观看. 我看剧少,偶尔也会用上这么些网站,平常的操作是:打开视频复制网址→打开解析网站粘贴网址,然后开始享受龟速 ...
最新文章
- Nature综述: 蓝藻水华的形成机理及防治动态
- Docker 容器技术 — 基本使用
- 技术资料,老吴的博客 很好的 技术博客 里面有很多资料 书籍或者软件安装包...
- github unity 图片切换效果_CSS3图片模糊切换效果
- 计算机组成原理xchg,8088数据传送指令-计算机组成原理与汇编语言-电子发烧友网站...
- wildfly管理控制台_WildFly 9 –别希望您的控制台像这样!
- Eclipse安装ADT失败解决办法
- JavaScript中的定时器
- C#调用GDAL算法进度信息传递
- atoi函数_linux网络编程之POSIX 消息队列 和 系列函数
- java开发微信公众号退款_微信公众号退款开发
- 测不准原理(还真有此事?)
- android截屏大小不一致,Android中的高分辨率屏幕截图
- 关于二级域名与三级域名的解释
- 基于FDE(有限元差分)算法模拟环形谐振器
- 关于溢出标志OF和进/借位标志CF的判断
- 中国“千禧一代”是一群什么样的消费者?
- PyQt学习随笔:QWidget的QFont的kerning、Antialiasing属性用途
- 快速傅里叶和离散傅里叶的区别?
- flutter git 拉不起来_这些基础不牢固,我们的蛙泳就别想拉起来