timeago.js v4.0 发布

栏目: 软件资讯 · 发布时间: 5年前

内容简介:回忆 2 年前,自己还是基于 Python + bootstrap 开发一些内部平台。因为涉及到需要使用 *** time ago 类似的时间显示,于是用 Python 实现了一个方法 timeAgo,在服务端转化好了之后给前端显示。因为页面国际化,...

回忆

2 年前,自己还是基于 Python + bootstrap 开发一些内部平台。因为涉及到需要使用 *** time ago 类似的时间显示,于是用 Python 实现了一个方法 timeAgo,在服务端转化好了之后给前端显示。因为页面国际化,所以内置有中英文两种翻译。

那个时候,ES6 推广起来了,前端开发开始疯狂使用 React、Vue、Angular 三大框架,前端能做的事情越来越多。React 用户量陡增阶段,我们的一个平台也尝试使用 React,自己也开始初入前端,使用 Python 在服务端做 timeAgo 计算的最大问题在于无法进行动态渲染,因为动态渲染还是需要前端 js 配合。

于是,timeago.js 出现了,将 Python 一套翻译成 JavaScript,然后增加动态更新的机制。

timeago.js is a tiny(2.0 kb) library used to format date with `*** time ago` statement.

timeago.js v4.0 发布

这个项目是一个很 nano 的项目,打包出来,内置中英文翻译也就 2 kb 不到。开源出去之后,几次上 trending,star 居然高达上千。

v4.0

从最开始的 1.0 版本到现在 的 4.0 版本,其实功能上区别不大,主要修改还是在于代码组织、API 设计、以及技术栈更新。

v4.0 从一年半前就开 issue 准备动工,但是因为工作原因,周末完全没有写业务代码的动力。不过这一年多扩从了不少语言版本。

主要内容包括:

  • ✅从 ES5 -> ES6 -> typescript
  • ✅从单文件 -> webpack 打包 -> rollup
  • ✅从 class API -> function API
  • ✅移除 jQuery 支持
  • ✅扩展 i18n 国际化
  • ✅单测、覆盖率

使用

快速开始

  • 安装

npm install timeago.js

  • 引入
import { format, render, cancel, register } from 'timeago.js';

或者在 html 中以 script 标签的方式引入,使用全局变量 timeago

<script src="dist/timeago.min.js"></script>
  • example
// format the time with locale
format('2016-06-12', 'en_US');

API

  • format:格式化时间为 time ago 格式静态字符串,可用于 node 环境;
  • render & cancel:页面上动态渲染 dom 标签;
  • register:注册自定义的语言 locale;

目前已经包含 46 个语言翻译。更全面的使用文档见:README.md。Live Demo:https://timeago.org

这周末花了一天时间,整理出来终结 v4.0 版本,又可以管两年了。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

中国机器人

中国机器人

[中]王鸿鹏、[中]马娜 / 辽宁人民出版社 / 2017-1-1 / 48.00元

本书对中国机器人领域的发展历史做了引人入胜的介绍,中国机器人成长的过程也是中国经济由弱到强的历程。本书实际是选择了一个独特的视角来解读中国数十年的政治、经济、国家战略问题。中国的未来充满了多重可能性,本书对想了解中国当代与未来发展战略的读者是难得的读本,对智能制造这一当今世界*受关注的高科技领域在战略层面和科技伦理层面进行了深入地剖析和思考,其中提出的诸多前沿性观点是全球都将面对的问题,对中国科学......一起来看看 《中国机器人》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

html转js在线工具
html转js在线工具

html转js在线工具