您现在的位置是:首页 > Javascript
当前栏目
总结了一些有用的 Javascript 单行代码,能快速处理一些问题
2023-02-18 16:32:35 时间
在本文中,我将介绍一些有用的 JavaScript 单行代码,它们可以用于快速处理一些事情。
- 获取用户在网页上选择或突出显示的文本:
console.log(getSelectedText);
scrollTo(x,y)
,允许你滚动到一组特定的坐标:
const scrollToTop = () => window.scrollTo(,);
- 如果你想要一个平滑的滚动动画,只需执行以下操作:
const Top = () => window.scrollTo({top:, 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().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().padEnd(, '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)];
相关文章
- [javascript] ES6模板字符串
- [javascript] strict模式严格模式
- [javascript]使用babel转换es6语法
- [js] js中的闭包以及特点
- 在Vue中使用JSX,很easy的
- JS的深浅复制,原来如此!
- js小知识
- [javascript] elementui和vue下复制粘贴上传图片
- [javascript] cdn模式下vue和vue-router实现路由
- [javascript] 获取正则子表达式里的内容
- [vuejs] 聊天框在overflow:auto中填数据时滚动到底部
- [vuejs] 在vuejs中使用websocket进行实时通讯
- [javascript] elemetui布局中分栏间隔的问题
- [javascript] js判断对象类型typeof与instanceof解决elementui时间插件默认时间问题
- [javascript] 格式化日期为yyyymmdd格式
- [javascript] 实现展开全文和收起全文效果
- [javascript] vuejs先循环中实现点击后的选中状态
- [javascript] js判断变量要考虑undefine
- [javascript] vuejs媒资库项目展示
- [javascript] vuejs为输入框增加回车事件