发现了一些有用的 Javascript 单行代码,能快速处理一些问题

⭐️ 本文首发自 前端修罗场(点击加入),是一个由 资深开发者 独立运行 的专业技术社区,我专注 Web 技术、Web3、区块链、答疑解惑、面试辅导以及职业发展现在加入,私聊我即可获取一次免费的模拟面试机会,帮你评估知识点的掌握程度,获得更全面的学习指导意见,交个朋友,少走弯路,少吃亏!

在本文中,我将介绍一些有用的 JavaScript 单行代码,它们可以用于快速处理一些事情。

  • 获取用户在网页上选择或突出显示的文本:
const getSelectedText = () => window.getSelection().toString();
console.log(getSelectedText);
  • scrollTo(x,y),允许你滚动到一组特定的坐标:
const scrollToTop = () => window.scrollTo(0,0);
  • 如果你想要一个平滑的滚动动画,只需执行以下操作:
const Top = () => window.scrollTo({top:0, behavior: 'smooth'});
  • 获取指定时间段内通过互联网连接传输的数据量:
navigator.connection.downlink;
  • 将用户重定向到指定位置,可以执行以下操作:
const urlRedirect = url => location.href = url;
urlRedirect('https://xxx.xxx/');
  • 清除所有 cookies
const clearCookies = document.cookie.split(';').forEach((cookie) => (document.cookie = cookie.replace(/^ +/, '').replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`)));
  • 反转字符串

可以使用 ·split、join 和 reverse· 方法反转字符串。

const strReverse = str => [...str].reverse().join('');
strReverse('abc'); // cba
  • 生成随机十六进制:使用 Math.random()padEnd() 生成随机十六进制代码
const hexClr = () => '#' + Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, '0');
console.log(hexClr());
  • 将一个字符串大写:Javascript 没有内置的 capitalize 函数,所以我们可以使用以下代码进行处理:
let str = 'follow me for amazing posts';
let capStr = str.replace(/\w\S*/g, (w) => (w.replace(/^\w/, (c) => c.toUpperCase())));
console.log(capStr);
  • 复制到剪贴板:使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板。
const copy = (text) => navigator.clipboard.writeText(text);
copy('前端修罗场');
  • 删除重复值:
const uniqueValues= (arr) => [...new Set(arr)];
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程轨迹_

期望和你分享一杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值