easy mock moment.format lodash

3个前端很好使用的工具

1. easy-mock 2. moment-format 3. lodash

1. easy-mock

---

官网：https://www.easy-mock.com/
通过这个网站，可以远程的mock数据（它的内核是引用了mock.js）
使用起来和本地mock.js的语法和数据格式是一样的
通过设置 baseUrl + ‘/api’ 调用
接口添加成功了后 可以通过 postman 先调一下看是否mock成功 再用在项目里

2. moment-format

---

官网：http://momentjs.cn/

• 日期格式化：

  moment().format('MMMM Do YYYY, h:mm:ss a'); // 七月 9日 2018, 4:36:49 下午
  moment().format('dddd');                    // 星期一
  moment().format("MMM Do YY");               // 7月 9日 18
  moment().format('YYYY [escaped] YYYY');     // 2018 escaped 2018
  moment().format();                          // 2018-07-09T16:36:49+08:00

• 相对时间:

  moment("20111031", "YYYYMMDD").fromNow(); // 7 年前
  moment("20120620", "YYYYMMDD").fromNow(); // 6 年前
  moment().startOf('day').fromNow();        // 17 小时前
  moment().endOf('day').fromNow();          // 7 小时内
  moment().startOf('hour').fromNow();       // 37 分钟前

• 日历时间:

  moment().subtract(10, 'days').calendar(); // 2018年6月29日
  moment().subtract(6, 'days').calendar();  // 上周二下午4点38
  moment().subtract(3, 'days').calendar();  // 上周五下午4点38
  moment().subtract(1, 'days').calendar();  // 昨天下午4点38分
  moment().calendar();                      // 今天下午4点38分
  moment().add(1, 'days').calendar();       // 明天下午4点38分
  moment().add(3, 'days').calendar();       // 本周四下午4点38
  moment().add(10, 'days').calendar();      // 2018年7月19日

• 多语言支持：

  moment().format('L');    // 2018-07-09
  moment().format('l');    // 2018-07-09
  moment().format('LL');   // 2018年7月9日
  moment().format('ll');   // 2018年7月9日
  moment().format('LLL');  // 2018年7月9日下午4点41分
  moment().format('lll');  // 2018年7月9日下午4点41分
  moment().format('LLLL'); // 2018年7月9日星期一下午4点41分
  moment().format('llll'); // 2018年7月9日星期一下午4点41分

3. lodash

官网：https://www.lodashjs.com
lodash 是为了简化 array number string object 的使用
例如查找第一个符合的数组下标 findIndex：

var users = [
  { 'user': 'barney',  'active': false },
  { 'user': 'fred',    'active': false },
  { 'user': 'pebbles', 'active': true }
];
 
_.findIndex(users, function(o) { return o.user == 'barney'; });
// => 0
 
// The `_.matches` iteratee shorthand.
_.findIndex(users, { 'user': 'fred', 'active': false });
// => 1
 
// The `_.matchesProperty` iteratee shorthand.
_.findIndex(users, ['active', false]);
// => 0
 
// The `_.property` iteratee shorthand.
_.findIndex(users, 'active');
// => 2

---

数组中存在某个元素的下标

_.indexOf([1, 2, 1, 2], 2);
// => 1
 
// Search from the `fromIndex`.
_.indexOf([1, 2, 1, 2], 2, 2);
// => 3

赏

1分也是爱

微信