前端 常用 npm包 亲测

1. cookie 存取
npm i js-cookie --save
import Cookies from 'js-cookie'
 
Cookies.set('token', token) 
Cookies.get('token')
Cookies.remove('token')


2. 生成二维码
npm i qrcodejs2 --save
import QRCode from 'qrcodejs2' 

let qrcode = new QRCode(id,{
  width: 120,
  height: 120,
  text: url
})

3.时间格式化
npm i moment --save
import moment from 'moment' 

let time = new Date()  //Thu Aug 15 2019 14:23:10 GMT+0800 (中国标准时间)
moment(time).format('YYYY-MM-DD HH-mm-ss')  // 2019-08-15 14-24-11
更多使用方法可查看moment官网

4.文件下载插件
npm i js-file-download--save
import fileDownload from 'js-file-download'
 
name = ‘文件名’
result = 需要下载的文件
fileDownload(result,name)

5.数据可视化，炫酷大屏自适应适配显示

核心思想

把所有元素的长、宽、位置、字体大小等原来 px 单位都转换成 rem，网页加载后，我们用 js 去计算当前浏览器窗口的宽度，做出一个100%宽度的、等比例缩放设计稿的页面了。

核心插件

postcss-px-to-rem 完成px到rem的转换，即可直接按照ui图的尺寸写，直接转换成rem lib-flexible-for-dashboard 根据屏幕分辨率和宽高比，计算font-size的值

6. 加密工具

npm i crypto-js --sava

import cryptoJs from 'crypto-js'

md5加密  原理使用哈希

cryptoJs.MD5('需要加密的内容')

还有AES加密等