框架实战课件-03-常用JavaScript库.pptx

常用JavaScript库;;前端工具类库;underscore库VSLodash库;Lodash库的安装;Lodash库字符串、数组;Lodash库对象、集合、函数;Moment库，官网的描述：

Moment是一个JavaScript库，可以帮助我们快速处理时间和日期，已在数百万的项目中使用。

Moment对浏览器的兼容性比较好，例如，在InternetExplorer8+版本运行良好。

现在比较多人反对使用Moment是因为它的包大小。Moment不适用于“tree-shaking”算法，因此往往会增加Web应用程序包的大小。如果需要国际化或时区支持，Moment可以变得相当大。

Moment团队也希望我们在未来的新项目中不要使用Moment。而推荐使用其它的替代品。例如：Day.js。

Day.js库，官网的描述：

Day.js是Moment的缩小版。Day.js拥有与Moment相同的API，并将其文件大小减少了97%。

Moment完整压缩文件的大小为67+Kb，Day.js压缩文件只有2Kb。

Day.js所有的API操作都将返回一个新的Day.js对象，这种设计能避免bug产生，减少调试时间。

Day.js对国际化支持良好。国际化需手动加载，多国语言默认是不会被打包到Day.js中的。

;方式一：CND

/dayjs@1.8.21/dayjs.min.js

方式二：下载源码引入：

;获取(Get)+设置(Set)

.year()、.month、.date()--获取年、月、日

.hour()、.minute()、.second()-获取时、分、秒

.day()-获取星期几

.format()-格式化日期

操作日期和时间

.add(numbers,unit)-添加时间

.subtract(numbers,unit)-减去时间

.startOf(unit)-时间的开始

例如：获取今年的第一天零时零分零秒

;解析时间

dayjs(毫秒|秒)-时间戳（毫秒和秒）

dayjs(2022-06-15)-ISO8601格式的字符串

dayjs(newDate())-接收日期对象

Day.js的插件应用

.fromNow()-从现在开始的时间（需要依赖：relativeTime插件）

relativeTime插件：

/npm/dayjs@1.11.3/plugin/relativeTime.js