常用的javascript工具库

qs

一个轻量的 url 参数转换的 JavaScript 库

基本用法

// 安装
npm install qs

// 引入
import qs from 'qs'

qs.parse('username=kite&age=22') // => { username: "kite", age: "22" }
qs.stringify({ username: "kite", age: "22" }) // => username=kite&age=22

更多用法参考QS中文文档 | Storm

 js-cookie

 一个简单的、轻量的处理 cookies 的 js API

基本用法

// 安装
npm install js-cookie

// 引入
import Cookies from 'js-cookie'

Cookies.set('key', 'value', { expires: 7 }) // 有效期7天
Cookies.get('key') // => 'value'

// Delete cookie:
Cookies.remove('name');


// Delete a cookie valid to the path of the current page:
Cookies.set('name', 'value', { path: '' });

更多请参考js-cookie - npm

 day.js

 一个极简的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持一样, 但体积仅有2KB。

基本用法

// 安装
npm install dayjs

// 引入
import dayjs from 'dayjs'

/**
 * 格式化时间显示
 * @param date ios字符串
 * @param format 格式化字符串
 */
 export function formatDate(date: string | Date, format = 'YYYY-MM-DD HH:mm:ss') {
  return date ? dayjs(date).format(format) : '';
}

更多用法请参考Day.js中文网

 animate.css

 一个跨浏览器的 css3 动画库，内置了很多典型的 css3 动画，兼容性好，使用方便。

基本用法

// 安装
npm install animate.css

<h1 class="animate__animated animate__bounce">An animated element</h1>

import 'animate.css'

 更多用法参考 Animate中文网 – Animate安装、Animate使用、Animate下载

 validator.js

轻量级的JavaScript表单验证，字符串验证。没有依赖，支持UMD

基本用法

// 安装
npm install validator

import isEmail from 'validator/es/lib/isEmail';
isEmail('foo@bar.com'); //=> true

import isURL from 'validator/es/lib/isURL';

export function isHttpURL(str) {
  return isURL(str, { protocols: ['http', 'https'] });
}

更多内容 GitHub - validatorjs/validator.js: String validation