工具箱
神烦大人
上班写bug
展开
-
vue2.*+elementUi2.15.*打包后找不到字体和图标库的解决方法
vue2.*+elementUi2.15.*打包后找不到字体和图标库的解决方法原创 2022-02-25 20:38:02 · 646 阅读 · 0 评论 -
解决nvm下载安装node后npm安装失败且不能使用的问题
因项目需要安装多个node版本,当用nvm安装node版本的时候会自动安装npm,但是有时候会安装失败,导致npm不能用,大概率是因为npm下载的时候失败了。所以nvm install之前,先修改到淘宝源,然后再安装node,代码如下:nvm uninstall [版本号] // 如果安装失败了,要先卸载刚刚安装的node,没安装的话可以不执行这行命令nvm npm_mirror https://npm.taobao.org/mirrors/npm/ // 修改到淘宝源nvm install [版本号原创 2021-06-18 11:37:24 · 3472 阅读 · 0 评论 -
vue的自定义alert插件
目录结构:mAlert.vue的代码:<template> <div id="mAlert" v-show="showAlert"> <div class="box"> <p>{{config.txt}}</p> <div> <span @click="ok()">{{config.okTxt || '确定'}}</span> <sp原创 2021-05-07 23:20:51 · 555 阅读 · 0 评论 -
vue项目使用require.context引入某文件夹下的所有模块
我们用vue开发的有时候需要引入某文件夹下的所有模块(示例用的vue2),比如api.js,项目里有很多接口,这时如果手动一个一个引入的话不仅容易出错而且在多人协作开发的时候容易冲突,这时候就需要下面的代码来一次引入。下图是文件目录截图:如图所示,文件夹m>js下有a、b、c、d四个js,我们想在文件夹m下的index.js里引入这四个js然后export,方便其他地方引入。通常写法是在index.js里import那四个文件,然后export里面解构一下,这种写法也行,但如果要引入的文件有40原创 2021-05-07 22:33:13 · 1414 阅读 · 0 评论 -
npm安装同一个包的不同版本,以echarts为例
npm安装同一个包的不同版本,以echarts为例npm install echarts4@npm:echarts@4npm install echarts5@npm:echarts@5上面代码是安装echarts4和5两个版本,分别命名为echarts4和echarts4安装完成后package.json里的依赖会写进去如下代码:"echarts4": "npm:echarts@^4.8.0","echarts5": "npm:echarts@^5.0.2",这就表示项目里成功安装了ec原创 2021-03-08 17:03:52 · 6953 阅读 · 0 评论 -
css美化滚动条代码,限webkit内核
css美化滚动条代码,限webkit内核::-webkit-scrollbar { width: 6px; height: 6px;}::-webkit-scrollbar-track { width: 6px; background: rgba(16,31,28, 0.1); -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}::-webkit-scrollbar-th原创 2020-12-25 15:11:13 · 120 阅读 · 0 评论 -
一行js获取随机颜色代码
js获取随机颜色代码const randomColor = "#"+('00000'+((Math.random()*(1<<24))<<0).toString(16)).slice(-6))原创 2020-12-24 14:40:45 · 135 阅读 · 0 评论 -
js函数防抖和函数节流
话不多说直接上代码:js函数防抖:多次触发事件,只有最后一次执行function debounce(cb, delay){ var t = null; return function () { clearTimeout(t); t = setTimeout(cb , delay) } } window.onscroll = debounce(function (){ console.log(1); // 滚动事件完成500毫秒之后执行1次原创 2020-10-26 11:19:48 · 78 阅读 · 0 评论 -
h5移动端播放amr格式的音频文件兼容安卓IOS
基于amr.js和RecorderJs播放 AMR:var amr = new BenzAMRRecorder();amr.initWithUrl('path/to/voice.amr').then(function() { amr.play();});amr.onEnded(function() { alert('播放完毕');})播放本地文件:<input type="file" id="amr-file" accept=".amr">var amr = new原创 2020-09-25 16:14:49 · 1940 阅读 · 3 评论 -
将网站页面变灰的css,IE低版本不支持。
<style type="text/css"> html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter:grayscale(100%); -moz-filter: graysca...原创 2020-04-06 21:40:51 · 440 阅读 · 0 评论 -
vue项目npm run build打包优化
vue项目npm run build打包优化1、使用scirpt标签2、删除map文件3、Gzip 文件压缩我的当前版本信息:操作系统:win10_64位node:v12.13.1npm:6.12.1cnpm:6.1.0webpack:3.12.0vue-cli:2.9.61、使用scirpt标签npm run build 命令打包时默认会把 package.json文件里dep...原创 2019-12-01 22:15:24 · 2173 阅读 · 0 评论 -
centos7安装nginx与nginx配置文件
1、安装环境或依赖,在根目录下操作即可yum install gcc-c++ //nginx源码编译需要yum install -y pcre pcre-devel //nginx 的 http 模块使用 pcre 来解析正则表达式yum install -y zlib zlib-devel //nginx 使用zlib对http包的内容进行gzipyum install -y op...原创 2019-11-26 10:51:45 · 481 阅读 · 0 评论 -
使用nginx给vue开发环境的地址自定义一个域名
使用vue-cli开发的时候,npm run dev生成的默认链接是http://localhost:8080,看上去很不爽,于是就尝试使用nginx反向代理给这个链接取个自定义域名,还真成功了,话不多说直接上代码:1、修改host。文件:/config/index.js host: '127.0.0.1', port: 8080,2、禁用webpack的hostCheck...原创 2019-11-22 16:04:12 · 839 阅读 · 0 评论 -
vue2.*路由懒加载代码示例
vue2.*路由懒加载代码示例以下代码是vue项目src/router/index.js的内容,要使用懒加载的组件,使用views方法引入即可。import Vue from 'vue'import Router from 'vue-router'// import HelloWorld from '@/components/HelloWorld' // vue-cli自动生成的cons...原创 2019-11-16 15:42:44 · 282 阅读 · 0 评论 -
H5移动端rem适配的js方法,1rem=100px
H5移动端rem适配的js方法,1rem=100px使用这个方法适配后,1rem=100px。假如设计图上有个字体大小是36px,那么开发的时候写这个字体大小就写0.36rem。方法:function rem(designWidth, maxWidth) { var doc = document, win = window, docEl = doc.documentElement, ...原创 2019-11-14 14:53:04 · 2571 阅读 · 0 评论