前端常用的插件

188 阅读1分钟

我们在写前端页面的时候,经常引用第三方插件,我们可以通过下载和npm安装的方式,适用于VUE或原生js

一、下载方式,

1.通过网页直接下载插件,一般是.js,同我们平时下载软件一样;

2.通过npm的方式,就在直接npm install xxx 就可以直接下载且安装。

3.那就是原生远程远程获取地址,网页地址就是插件,这依赖于网络。如: <script type="text/javascript" src="www.xxx.com"></script>

二、安装方式

1.下载文件导本地,把js文件放到项目中,引用其路径即可。如:import xxxx from '../../build/js/xxxx.js';

2.如果是原生的html方式,则:<script type="text/javascript" src="/build/js/xxxx.js"></script> 或 <script type="text/javascript" src="www.xxx.com"></script>

3.一般是通过npm或cnpm方式安装,如:

npm install xxxx -S

然后通过引用方式:

import xxxx from 'xxxx'
或者
import xxxx from '../build/xxxx'

 

大概列举一些,需要自己百度下载或了解使用方法(部分带链接跳转):

三、常用插件

1.VUE插件:略!!!网上教程很多

2.导出文件,写文件:使用 FileSave.js、vue-json-excel、file-saver xlsx、script-loader

3.读取excel文件

4.导出excel插件:js-xlsx

5.浏览器获取本机ip:ip.js

6.获取app包名:app-info-parser.jsnode_apktool

7.打包发布插件:webpack和serve

8.数据图表插件:Chart.js、echarts

9.框架插件:VUE、element、layui、bootstrap等

10.人脸识别插件:tracking.js

11.vCard相关插件:vCard.js、 FileSave.js、

12.MD5:browser-md5-file (这个尽量使用npm安装方式,不然导入有问题)

13.