前端开发常用辅助插件及基本使用方法总结

一、时间插件：Day.js

Day.js（通常写作 day.js 或 Day.js）是一个轻量级的 JavaScript 日期/时间处理库。它提供了简单易用的 API 来处理日期和时间相关的操作，如格式化、解析、操作日期和时间等。Day.js 的设计灵感来源于 Moment.js，但它更小、更快，而且更易于使用。

特点

• 体积小：Day.js 的体积非常小，压缩后只有约 2KB 左右。
• 按需加载：Day.js 支持按需加载特性，这意味着你可以仅加载所需的插件或功能，进一步减小体积。
• 插件化：Day.js 采用插件化的架构，可以通过安装插件来扩展其功能。
• 国际化：Day.js 支持多种语言和时区，适用于国际化的应用程序。
• 跨浏览器兼容性：Day.js 在多种现代浏览器中都能良好运行，包括 IE9+。

安装

可以通过 npm 或 yarn 来安装 Day.js：

1npm install dayjs
2# 或者
3yarn add day.js

使用

在项目中使用 Day.js 很简单。下面是一些基本的使用示例：

导入 Day.js

1import dayjs from 'dayjs';

基本操作

1// 获取当前日期
2const now = dayjs();
3console.log(now.format('YYYY-MM-DD HH:mm:ss')); // 输出当前日期和时间
4
5// 解析日期
6const date = dayjs('2023-08-01');
7console.log(date.format('YYYY-MM-DD')); // 输出 "2023-08-01"
8
9// 操作日期
10const yesterday = dayjs().subtract(1, 'day');
11console.log(yesterday.format('YYYY-MM-DD')); // 输出昨天的日期
12
13// 格式化日期
14const formattedDate = dayjs().format('YYYY/MM/DD');
15console.log(formattedDate); // 输出 "2023/08/01"

二、………………

（持续更新……）