简单实用的小技巧库

2024-02-08 07:20:30

前言

在我们的日常工作和生活中，常常会遇到各种各样的问题，这些问题可能很小，但如果不能及时解决，也会影响我们的效率和心情。为了帮助大家解决这些问题，我整理了一些自己在日常工作和生活中常用到的各种小技巧，并分享给大家。这些技巧涉及范围很广，从文本处理到代码编写再到日常小窍门，希望能够对大家有所帮助。

文本处理技巧

将时间转换为：几分钟前，几小时前，几年前

在日常生活中，我们经常需要将时间转换为更直观的格式，比如“几分钟前”、“几小时前”、“几年前”等。我们可以使用 JavaScript 的 moment.js 库轻松实现这一功能。

// 使用 moment.js 库将时间转换为 "几分钟前" 的格式
moment().subtract(10, 'minutes').fromNow(); // "10 minutes ago"

// 使用 moment.js 库将时间转换为 "几小时前" 的格式
moment().subtract(2, 'hours').fromNow(); // "2 hours ago"

// 使用 moment.js 库将时间转换为 "几年前" 的格式
moment().subtract(5, 'years').fromNow(); // "5 years ago"

将日期格式改为：YYYY-MM-DD

在某些情况下，我们需要将日期格式转换为标准的 ISO 8601 格式，即 YYYY-MM-DD。我们可以使用 JavaScript 的 Date.toISOString() 方法轻松实现这一功能。

// 使用 Date.toISOString() 方法将日期转换为 YYYY-MM-DD 格式
new Date().toISOString(); // "2023-02-21"

从大数组中,选出没有在小数组中出现过的元素

在实际项目中，我们经常需要从一个大数组中选出那些没有在小数组中出现过的元素。我们可以使用 JavaScript 的 filter() 方法轻松实现这一功能。

// 使用 filter() 方法从大数组中选出没有在小数组中出现过的元素
const bigArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const smallArray = [3, 5, 7];

const filteredArray = bigArray.filter(item => !smallArray.includes(item));

console.log(filteredArray); // [1, 2, 4, 6, 8, 9, 10]

代码编写技巧

以 rgb 格式设置随机颜色

在编写代码时，我们经常需要设置随机颜色。我们可以使用 JavaScript 的 Math.random() 方法和 rgb() 函数轻松实现这一功能。

// 使用 Math.random() 方法和 rgb() 函数设置随机颜色
function getRandomColor() {
  const r = Math.floor(Math.random() * 256);
  const g = Math.floor(Math.random() * 256);
  const b = Math.floor(Math.random() * 256);

  return `rgb(${r}, ${g}, ${b})`;
}

console.log(getRandomColor()); // "rgb(123, 234, 102)"