前端常用 npm包亲测

最新推荐文章于 2025-07-12 09:05:36 发布

风_11

最新推荐文章于 2025-07-12 09:05:36 发布

阅读量752

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript es6 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_39467265/article/details/99632499

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了前端开发中常用的技巧，包括cookie操作、二维码生成、时间格式化、文件下载、响应式设计与数据加密方法，为前端开发者提供了一站式的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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加密等

前端 常用 npm包 亲测

前端常用 npm包亲测