miment菜鸟攻略_一个超轻量级的js时间库

miment菜鸟攻略

GitHub:https://github.com/noahlam/Miment

miment菜鸟攻略_一个超轻量级的js时间库

简介描述:一个超轻量级的js时间库

Miment (“Mini Moment”) 是一个轻量级的时间库,打包压缩后体积 ~1K,没有过多的方法。它的上手成本几乎为零,无需反复查阅文档。当你只需要 Moment 的若干核心能力但又不希望使你的包体积膨胀时,欢迎尝试 Miment。 

首先致敬一下 Moment,非常好用的一个时间库。我本身也是 Moment 重度使用者,用习惯了 Moment,一碰到需要处理时间的需求立马 Moment。不过有时候想想,Moment 给我们提供了那么多的功能,但是我们天天用的,也就那么一两个。刚好最近在写微信小程序,然后在页面引入 Moment,打包完,包竟然大了 200 多 K,把 Moment 去掉,就直接少掉 200 多 K。反复试了好几次,确定一个 Moment 在小程序里面,占用大概 200K 的空间。于是就想自己写一个类似 Moment 的精简的时间库,于是就有了这个。为什么要叫 Miment 呢?其实刚开始我是想叫 Mini-Moment 的,但是考虑到以后可能会经常使用到,打 2 个单词中间还要加一个横杆太累了,所以就把 Mini-Moment 缩水成 Miment 了。

安装

对浏览器环境,在页面引入 ./dist/miment.min.js 即可:

<script src="https://unpkg.com/miment/dist/miment.min.js"></script>
<script>
  miment().format('YYYY/MM/DD hh-mm-ss SSS') // 2018/04/09 23-49-36 568
</script>

在 NPM 生态中使用时,请使用包管理器安装 Miment:

npm i miment

然后就可以在你的项目中使用了:

import miment from 'miment'
miment().format('YYYY/MM/DD hh-mm-ss SSS') // 2018/04/09 23-49-36 568

API

API 方法可分为三类:

  • 返回 Computed 结果的方法。如 format 返回字符串,json 返回的是一个 JSON 对象。
  • 返回 Miment 对象的方法,即支持链式调用。
  • 从 Date 对象继承的方法。Date 对象上的方法 miment 也可以使用,这些方法类似私有 API,不推荐直接使用。

 

海计划公众号
(0)
上一篇 2020/03/11 07:00
下一篇 2020/03/11 07:00

您可能感兴趣的内容

  • 微信小程序连接蓝牙打印机采坑之旅使用帮助_蓝牙小白攻略

    目前小程序生态越来越丰富,微信给予了小程序一定的硬件通信能力这是之前 Web 很少尝试的事情。关于蓝牙,常见的就下面几个 API:startBluetoothDevicesDiscovery 开始搜寻附近的蓝牙外围设备openBluetoothAdapter 初始化蓝牙模块wx.onBluetoothDeviceFound 监听寻找到新设备的事件wx.wri

    2020/03/24
  • 如何自学web前端开发?才能满足求职的标准小白指南_学习基础指南

    大多数野生程序员最棘手的问题就是如何依靠技术解决温饱,通俗来讲就是技术折现的问题。如果是单纯出于兴趣,或者只是为了突击某一阶段或者某一项目技术壁垒,不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时,一切都就另当别论了。前端自学者存在的学习误区:1、所学东西可能已过时奉为经典的东西可能已经过时,或者已经有了更好的替代者,而你获取信息的渠道

    2020/03/20
  • web在互联网中的定义入门基础知识_互联网菜鸟教程网

    先引用一下百度上的说法:web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。一、超文本(hypertext)  一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是

    2020/03/30
  • 浅谈webpack优化入门指南_webpack入门基础教程

    由于前端的快速发展,相关工具的发展速度也是相当迅猛,各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目,也正式因为这个原因,我们对于脚手架中最关键的一环webpack相关的优化知之甚少,脚手架基本上已经为我们做好了相关的开发准备,但是当我们想要做一些定制化的优化操作时,对webpack的优化也需要有一定的了解,否则无从下手,接

    2020/04/03
  • 微软劝你别再使用 IE 浏览器小白入门_浏览器小白入门

    IE 浏览器(Internet Explorer)还是浏览器吗?按照微软网络安全领域主要负责人 Chris Jackson 的说法,如今对于企业用户来说,IE 浏览器仅仅是一个“兼容性解决方案”,只面向上个世纪的“古董”网站,用户应该尽早升级到现代浏览器。早在四年前,微软就已终止将 IE 浏览器作为 Windows 10 的默认浏览器,转而力推 Edge,并

    2020/03/31
  • FlexSlider使用指南一款基于的jQuery内容滚动插件

    FlexSlider攻略教程 官方网址:http://www.woocommerce.com/flexslider/ GitHub:https://github.com/wooco…

    2020/03/06
  • vue2-animate基础入门_vue的一些常用动画animate css来实现

    vue2-animate基础入门 官方网址:https://the-allstars.com/vue2-animate/ GitHub:https://github.com/asi…

    2020/03/11
  • 浏览器中的图像识别 API新手入门_api指南教程

    前言
    在这几年的前端发展中,Web 应用不断朝着 Native APP 的体验发展,比如在今年被谈及最多的 PWA,就连 Apple 都逐渐在自家浏览器 safari 中集成 Service Worker。在各大浏览器厂商的支持下,Web 逐渐拥有了更多的能力,同时随着硬件的一代代升级,前端应用中的体验也在逐渐提升。
    然而很多时候,对于硬件底层的调用以及复杂

    2020/04/05
  • 好用的Js图表库有哪些?攻略教程_图表入门基础知识

    大数据时代,收集和使用数据的需求正在爆发式增长,数据可视化也变得愈加重要。开发人员在想方设法将不同数据库中的记录整合到仪表板和漂亮的图表中,向人们快速直观地展示信息。在过去十年中数据可视化技术不断改进,结果涌现了很多高水平的图表库。21 世纪初期,人们使用服务端图像位图来生成图表。那时像 Silverlight 和 Flash 这样的插件提供了丰富的交互式图

    2020/03/26
  • nginx 适配react-router browserRoute 路由问题使用教程_路由入门基础教程

    本文环境比较复杂,首先两层nginx转发,并且访问路径也不是根路径。加上对nginx一知半解,各路搜索一看,全程懵逼。最终没有一个能用的。最后还是靠同事帮助,文档大法结束加班。本文知识点:location优先级,nginx资源文件寻找方式,rewrite 重定向问题。location 优先级= 开头表示精确匹配^~ 开头表示uri以某个常规字符串开头,理解为

    2020/03/26
  • 教你 30 秒发布一个 TypeScript 包到 NPM小白攻略_npm使用教程

    文章读译自 The 30 second guide to publishing a typescript package to npm,部分内容有修改哈。这篇文章要求你有一定的 JS 、TS 和 NPM 的知识,如果你写过普通的 NPM 包就更好啦~如果没有的话网上也很多教程的,都很简单~发布过 npm 包的同学都知道,初始化一个 npm 项目,直接用 np

    2020/03/29
  • Web前端开发需要掌握了解的工具、技术小白知识_工具使用帮助

    Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言。尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要。为了使得Web开发人员能够更加专注于业务层面的开发,市场上涌现了各种各样的Web开发工具,灵活运用这些工具就能使得你的开发效率大幅提升,实现事半功倍。1.Web应用框架这些软件是专门设计来帮助网站开发,并使创建

    2020/03/23
  • CSSPeeper基础入门可视化CSS样式辅助工具

    CSSPeeper使用说明 官方网址:https://csspeeper.com/ 简介描述:可视化CSS样式辅助工具 “CSSPeeper”是还一个基于浏览器端的CSS样式分析扩…

    2020/03/06
  • Web前端之家小白攻略_专注Web前端开发、动态、用户体验

    Web前端之家小白攻略 官方网址:https://www.jiangweishan.com/ 简介描述:专注Web前端开发、动态、用户体验 Web前端之家是一个致力于推广国内外We…

    2020/03/11
  • 把 WebAssembly 用于提升速度和代码重用使用帮助_WebAssembly零基础入门

    有这样一种技术,可以把用高级语言编写的非 Web 程序转换成为 Web 准备的二进制模块,而无需对 Web 程序的源代码进行任何更改即可完成这种转换。浏览器可以有效地下载新翻译的模块并在沙箱中执行。执行的 Web 模块可以与其他 Web 技术无缝地交互 – 特别是 JavaScript(JS)。欢迎来到WebAssembly。对于名称中带有 assembly

    2020/03/26
  • Vue路由实现页面跳转的两种方式(router-link和JS)基础知识入门_路由菜鸟教程网

    Vue.js 路由可以通过不同的 URL 访问不同的内容,实现多视图的单页 Web 应用1、通过 实现 组件用于设置一个导航链接,切换不同 HTML 内容使用方法:简单写法demo2使用 v-bind 的写法<router-lin

    2020/03/26