关于时间的操作，一直在使用momentjs这个库。方便灵巧，功能强大。唯一的缺点是，对于前端HTML来讲，它的包太太太太太大了。

我是momentjs的重度用户，但它的大小时刻都在折磨人。虽然方便高效，可这动辄200K的大小，对于首页加载速度来讲简直就是一场灾难。所以，开源社区有了一些精简的方案。如dayjs和miment。

dayjs

dayjs本身就是对标momentjs进行开发的，看作者的官方介绍：

Day.js is a minimalist JavaScript library that parses, validates, manipulates, and displays dates and times for modern browsers with a largely Moment.js-compatible API. If you use Moment.js, you already know how to use Day.js.

它的用法非常简单。

dayjs().startOf('month').add(1, 'day').set('year', 2018).format('YYYY-MM-DD HH:mm:ss');

是不是很momentjs很相似？不，其实它们就是一模一样的。dayjs的API和moment几乎一模一样，所以如果想要替换到现有的momentjs代码，直接替换为dayjs即可，调用语句绝大部分情况下可以一字不改。

dayjs的大小有多少呢？2KB。再想想momentjs的大小。

miment

miment同样也是一个极简的时间处理库，压缩后的代码甚至达到了1KB左右，比dayjs还小。

与包大小相应的，作者团队只保留了momentjs中核心方法，但其实这些方法在普通场景下已经足够。

miment的使用方法，也和momentjs基本一致。例如：

miment().add(1, 'YYYY').add(2, 'MM').add(-3, 'DD') // 增加 1 年 2 个月又减回 3 天miment().isBetween('2000-01-01','2020-01-01') // truemiment().isBefore('2000-01-01') // falsemiment().format('YYYY年MM月DD日 星期ww') // 2018年04月09日 星期1 *周日对应星期0*

想要取得单独的年月日，更简单

miment().format('YYYY') // 2018
miment().format('MM') // 04
miment().format('DD') // 09
miment().format('hh') // 23
miment().format('mm') // 57
miment().format('ss') // 16
miment().format('SSS') // 063
miment().format('ww') // 1
miment().format('WW') // 一

结语

对于momentjs，大部分开发者都是又爱又恨，又或者大觉不爱。其实对于绝大部分的时间操作场景，dayjs和miment更符合使用要求。尤其对于非SSR的场合，想想那精简近200KB的首屏渲染速度，真的是非常有吸引力。

JS使用技巧2——momentjs太重了吗？试试dayjs和miment吧相关推荐

你的 IDE 太重了，试试 Emacs吧！
点击关注公众号:互联网架构师,后台回复 2T获取2TB学习资源! 上一篇:Alibaba开源内网高并发编程手册.pdf IDE(Integrated Development Environment,集 ...
【repost】一探前端开发中的JS调试技巧
有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问 ...
快过年了，分享 25 个 JS 实用技巧送给大家吧
本文主要介绍一些JS中用到的小技巧,可以在日常Coding中提升幸福度,将不定期更新~ 类型强制转换 1.1 string强制转换为数字可以用 *1来转化为数字(实际上是调用 .valueOf方法) ...
前端开发中JS调试技巧，你知道几种？用过几种？
调试技巧,在任何一项技术研发中都可谓是必不可少的技能.掌握各种调试技巧,必定能在工作中起到事半功倍的效果.譬如,快速定位问题.降低故障概率.帮助分析逻辑错误等等.而在互联网前端开发越来越重要的今天,如 ...
你不知道的十个 JS 小技巧
总结了一些开发常用的 JS 小技巧,让你的代码更优雅! 1. 使用 const 定义在开发中不要过度声明变量,尽量使用表达式和链式调用形式.然后一般能用 const 就不要用 let .这种模式写多 ...
一探前端开发中的JS调试技巧
转自:http://seejs.me/2016/03/27/%E3%80%90%E5%8E%9F%E5%88%9B%E3%80%91%E4%B8%80%E6%8E%A2%E5%89%8D%E7%AB% ...
Spring Boot 太重，Vert.x 真香！
欢迎关注方志朋的博客,回复"666"获面试宝典作者:襄垣 juejin.im/post/5c89f266f265da2d8763b5f9 概述 SprintBoot总体来说,搭建 ...
吕梁离石学校计算机专业在哪里,山西吕梁计算机大专学校有哪些太重技校告诉您...
山西吕梁计算机大专学校有哪些太重技校告诉您.选择专业的***关键的因素是你自身的兴趣,其他只能参考,如果你能准确的知道自己的兴趣所在,未来的职业所选,那么只需要一招就可以吃遍天.相信我,一生为自己感兴 ...
Abp太重了？轻量化Abp框架
本文首发于个人博客(https://blog.zhangchi.fun/) 在进行框架的选型时,经常会听到"***框架太重了"之类的声音,比如"Abp太重了,不适合我们. ...

JS使用技巧2——momentjs太重了吗？试试dayjs和miment吧

dayjs

miment

结语

JS使用技巧2——momentjs太重了吗？试试dayjs和miment吧相关推荐

最新文章

热门文章