npm插件收藏使用
有趣的前端
这个作者很懒,什么都没留下…
展开
-
html5+JS调用手机摄像头扫码
在app项目中实现HTML5的扫描二维码,网上的搜了一大推,但是实际使用的时候发现能直接上手的并不多,所以自己百度,然后提炼了一些,下面直接上代码。 注意: 1.安卓(5.1)有些手机中测试正常,iOS暂时不行,后续再研究。 2.需要自己打包成APP,比如用Hbuilder打包,因为摄像头涉及权限问题。(我打包的下载)js插件链接:插件代码:!function(){"use strict";let getObjectURL=function(file){let url=null;if(windo.原创 2020-09-22 10:38:30 · 6758 阅读 · 3 评论 -
vue 使用nprogress 实现顶部加载进度条效果
一、下载安装yarn add nprogressnpm i nprogresscnpm i nprogress二、引入//可以在router.js 和 axios.js文件中使用import NProgress from 'nprogress'//样式可以放在main.js中全局样式import 'nprogress/nprogress.css'三、配置使用//页面打开时显示router.beforeEach((to,from,next) => { NProgress.s原创 2020-09-13 20:18:17 · 392 阅读 · 0 评论 -
webpack 中 Module build failed (from ./node_modules/babel-loader/lib/index.js): 的错误解决
在使用webpack打包中出现以下错误:Module build failed (from ./node_modules/babel-loader/lib/index.js):Error: Plugin/Preset files are not allowed to export objects, only functions.1. 原因:出现错误是由于babel的版本冲,有两种解决方式:版本更换:babel-loader 8.x | babel 7.x (升级版本)npm inst原创 2020-09-09 10:46:59 · 4585 阅读 · 1 评论 -
使用Lodash进行防抖节流
下载引入Lodash$ npm i -g npm$ npm i --save lodash一、防抖使用方法:_.debounce(func, [wait=0], [options={}])创建一个 debounced(防抖动)函数,该函数会从上一次被调用后,延迟 wait 毫秒后调用 func 方法。 debounced(防抖动)函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。 可以提供一个 options(选项) 对象决定如何调用 func 方法.原创 2020-09-03 07:48:44 · 1501 阅读 · 0 评论 -
npm安装 生成二维码插件和拖放api插件
一、生成二维码安装:npm install --save qrcode引入:import QRCode from 'qrcode' <temppate> <div> <img :src="imrUrl"> </div> </template> //触发事件调用下面的方法// With promisesQRCode.toDataURL('http://jd.com/') .then(ur原创 2020-08-27 07:34:19 · 1059 阅读 · 0 评论