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

KaltZK 發布于2019-08-26 13:27 / 2311人閱讀

摘要：方便靈巧，功能強大。唯一的缺點是，對于前端來講，它的包太太太太太大了。我是的重度用戶，但它的大小時刻都在折磨人。所以，開源社區有了一些精簡的方案。的使用方法，也和基本一致。其實對于絕大部分的時間操作場景，和更符合使用要求。

關于時間的操作，一直在使用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") // true

miment().isBefore("2000-01-01") // false

miment().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的首屏渲染速度，真的是非常有吸引力。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108837.html

moment太重? 那就試試miment--一個超輕量級的js時間庫

介紹 Miment 是一個輕量級的時間庫（打包壓縮后只有1K）,沒有太多的方法，Miment的設計理念就是讓你以幾乎為零的成本快速上手，無需一遍一遍的擼文檔由來首先致敬一下Moment，非常好用的一個時間庫，我本身也是Moment重度使用者，用習慣了Moment,一碰到需要處理時間的需求，立馬Moment,不過有時候想想，Moment給我們提供了那么多的功能，但是我們天天用的，也就那么一兩個...

wwolf 2019-08-22 16:22 評論0 收藏0
moment太重? 那就試試miment--一個超輕量級的js時間庫

介紹 Miment 是一個輕量級的時間庫（打包壓縮后只有1K）,沒有太多的方法，Miment的設計理念就是讓你以幾乎為零的成本快速上手，無需一遍一遍的擼文檔由來首先致敬一下Moment，非常好用的一個時間庫，我本身也是Moment重度使用者，用習慣了Moment,一碰到需要處理時間的需求，立馬Moment,不過有時候想想，Moment給我們提供了那么多的功能，但是我們天天用的，也就那么一兩個...

summerpxy 2019-08-02 10:13 評論0 收藏0
moment太重? 那就試試miment--一個超輕量級的js時間庫

介紹 Miment 是一個輕量級的時間庫（打包壓縮后只有1K）,沒有太多的方法，Miment的設計理念就是讓你以幾乎為零的成本快速上手，無需一遍一遍的擼文檔由來首先致敬一下Moment，非常好用的一個時間庫，我本身也是Moment重度使用者，用習慣了Moment,一碰到需要處理時間的需求，立馬Moment,不過有時候想想，Moment給我們提供了那么多的功能，但是我們天天用的，也就那么一兩個...

ls0609 2019-08-30 15:53 評論0 收藏0
?Day.js 2kB超輕量時間庫和Moment.js一樣的API

showImg(https://segmentfault.com/img/bV9wV7?w=1952&h=712);Moment.js 是一個大而全的 JS 時間庫，很大地方便了我們處理日期和時間。但是 Moment.js太重了(200k+ with locals)，可能一般項目也只使用到了她幾個常用的API。雖然社區也有幾個輕量的時間庫，要想遷移過去又會增加新的學習和遷移成本。如果能有一個和 ...

CoreDump 2019-08-22 16:45 評論0 收藏0