现在随着javascript功能的完善,代码也越来越简单了,下面web建站小编给大家介绍一些可以用单行代码就可以实现的功能!
1、链接url获取参数并转为对象
const getParameters = URL => JSON.parse(`{"${decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"')}"}`)
getParameters("https://ipkd.cn/?id=ipkd&type=web");
//{id: 'ipkd', type: 'web'}
2、检查对象是否为空
const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;
isEmpty({}) //true
3、生成随机十六进制颜色
const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`
console.log(randomHexColor())
//#4e9946
4、字符串反转
const reverse = str => str.split('').reverse().join('');
console.log(reverse('www.ipkd.cn'))
//nc.dkpi.www
5、检查当前选项卡是否在后台
const isTabActive = () => !document.hidden; console.log(isTabActive()) //true
6、检测元素是否处于焦点
const elementIsInFocus = (el) => (el === document.activeElement);
elementIsInFocus('输入需要判断的元素')
// 元素处于焦点返回true,反之返回false
7、获取设备类型(判断当前是PC端还是手机端)
const judgeDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ? 'Mobile' : 'PC'; console.log(judgeDeviceType())
8、查询指定时间是否为工作日
const isWeekday = (date) => date.getDay() % 6 !== 0; console.log(isWeekday(new Date(2022, 10, 11)))
9、两日期之间相差的天数
const dayDiff = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000);
console.log(dayDiff(new Date("2022-10-11"), new Date("2022-10-22")))
//11
10、计算数组平均值
const average = (arr) => arr.reduce((a, b) => a + b) / arr.length; console.log(average([1,7,11,15])) //8.5
javascript语法中不等于null和空字符串的3种判断方式
上面是“javascript有哪些代码可以单行解决的”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2435.html
workflows工作流
一只可爱的草莓味冰淇淋卷筒
星空星域星球comfyui工作流
一名男子跪在月球岩石表面看见小行星碰撞
一颗柔和的水晶金字塔ComfyUI工作流
冬天的严寒里红梅枝上停留着一只鸟
五颜六色的球花comfyui工作流
去掉背景(抠图)comfyui工作流
一朵由琥珀制成的孤独美丽的玫瑰
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

纯css制作卡通头像(随鼠标转头)
纯CSS饼图效果
SVG路径动画效果
一个包含老黄历、佛历、道历、星宿等数据的日历网站
制作一个好玩的倒计时
用canvas实现画板涂鸦效果
css3搭积木叠加图形
canvas空间文本射线











