1. RGB 转换为十六进制
const rgbToHex = (r, g, b) => "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
rgbToHex(0, 51, 255); // #0033ff
2. 复制到剪贴板
const copyToClipboard = (text) => navigator.clipboard.writeText(text);
copyToClipboard("Hello World");
3. 查找日期在一年中的第几天
const dayOfYear = (date) => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24);
dayOfYear(new Date());
4. 计算两天之间相差的天数
const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime()) / 86400000)
dayDif(new Date("2020-10-21"), new Date("2021-10-22"))
5. 数组去重
const removeDuplicates = (arr) => [...new Set(arr)];
console.log(removeDuplicates([1, 2, 3, 3, 4, 4, 5, 5, 6]));
6. 从 URL 获取查询参数
// 通过 window.location
const getParameters = (URL) => {
URL = JSON.parse('{"' + decodeURI(URL.split("?")[1]).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') +'"}');
return JSON.stringify(URL);
};
getParameters(window.location)
// Result: { search : "easy", page : 3 }
// 通过原始 URL
Object.fromEntries(new URLSearchParams(window.location.search))
7. 求平均值
const average = (...args) => args.reduce((a, b) => a + b) / args.length;
average(1, 2, 3, 4);
8. 获取用户选定的文本
const getSelectedText = () => window.getSelection().toString();
getSelectedText();
9. 检测鼠标右键点击事件
document.addEventListener('contextmenu', (event) => {
event.preventDefault(); // 阻止默认的上下文菜单出现
console.log('检测到右键点击事件!');
});
10. 获取用户选定的文本
const getSelectedText = () => window.getSelection().toString();
getSelectedText();
1 条评论
建议引入反面案例,增强辩证性。