Lodash & Underscore.js

A modern JavaScript utility library delivering modularity, performance & extras.

  1. _.cloneDeep(obj) // 深度拷贝
  2. _.isEqual(value, other) // 深度比较
  3. _.debounce(func, [wait=0])
  4. _.throttle(func, [wait=0])
  5. _.omit(object, [props])
  6. _.uniqueId()
  7. _.random(0, 5)

Moment.js

Parse, validate, manipulate,and display dates and times in JavaScript.

  1. moment('20:10:30', 'HH:mm:ss')
  2. moment().format('YYYY/MM/DD HH:mm')
  3. moment().valueOf()
  4. moment().year(2022).year() // 2022

Day.js

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js。

全浏览器兼容。仅 2kb 大小的微型库。

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

DOM

@egstad/detect-scroll

The default scroll event listener is amazing and all, but isn’t exactly the most usable tool out of the box. It’s all, “Hey look, a user scrolled!”. And I’m like “Great! But like, in what direction and where did they stop?”. And then it’s all like, “IDFK, how about you do some math and figure it out”.

通过轮训，来探测 DOM 的滚动状态，开始滚动，结束滚动等。

BOM

query-string

解析URL中的参数(location.search) 。

  1. const queryString = require('query-string');
  3. console.log(location.search);
  4. //=> '?foo=bar'
  6. const parsed = queryString.parse(location.search);
  7. console.log(parsed);
  8. //=> {foo: 'bar'}
  10. console.log(location.hash);
  11. //=> '#token=bada55cafe'
  13. const parsedHash = queryString.parse(location.hash);
  14. console.log(parsedHash);
  15. //=> {token: 'bada55cafe'}
  17. parsed.foo = 'unicorn';
  18. parsed.ilike = 'pizza';
  20. const stringified = queryString.stringify(parsed);
  21. //=> 'foo=unicorn&ilike=pizza'
  23. location.search = stringified;
  24. // note that `location.search` automatically prepends a question mark
  25. console.log(location.search);
  26. //=> '?foo=unicorn&ilike=pizza'

proper-url-join

url 地址拼接库。

  1. import urlJoin from 'proper-url-join';
  3. // 路径
  4. urlJoin('foo', 'bar'); // /foo/bar
  5. urlJoin('/foo/', '/bar/'); // /foo/bar
  6. urlJoin('foo', '', 'bar'); // /foo/bar
  7. urlJoin('foo', undefined, 'bar'); // /foo/bar
  9. // 请求参数
  10. urlJoin('foo', { query: { biz: 'buz', foo: 'bar' } }); // /foo?biz=buz&foo=bar
  11. urlJoin('foo', 'bar?queryString', { query: { biz: 'buz', foo: 'bar' } }); // /foo/bar?biz=buz&foo=bar&queryString

React 第三方库

见这里。