- 博客(7)
- 收藏
- 关注
RSS订阅原创 input上传文件选择同一文件时change事件不生效解决方法
在文件上传的时候我们我们选择监控change事件来获取文件，发现如果第一次如果选择了A文件，当再次点开选择A 文件时，change事件没有触发，这时可以用如下方式处理.vue项目处理方式：this.$refs.inputer.value=null;复制该代码到项目中，并且把uploadExcelId换成自己input的ref即可。普通js处理方式：event.target.va...
2019-07-01 11:03:16
633
1
原创 随机生成6（n）位数字验证码
const code = Math.floor(Math.random() * 1000000).toString().padStart(6, "0");
2019-06-22 17:16:43
549
转载 vue 项目部署 nginx 开启gzip优化性能
vue-cli项目打包部署nginx，访问项目的时候，发现资源请求很慢，等了一段小白才开始渲染页面，果断F12 Network查看之~便有了下文作为记录结果如下：没错！！凶手就是那条黄色的东东（vendor.js）我部署的只是一个小项目，vendor.js 就760KB，如果再大一点，结果可想而知。就去测了一下网站性能 - Google PageSpeed Tool 「自备梯子」所...
2019-06-11 15:19:58
361
原创 vue打包优化项目大小的配置
首选项目我们是直接用vue-cli脚手架搭建的。我这个使用的vue-cli2.96的第一个先去掉默认生产的已map结尾的js文件，这个js文件差不多占了js文件夹一半的容量，所以没必要用到。在config.index.build中找到productionSourceMap这个把默认的true改成false，那么打包后就不会再生产map结尾的js文件了 productionSourceMa...
2019-06-11 15:10:51
1376
原创 伪元素css常用样式
右箭头 >&::after {content: “”;position: absolute;top: 50%;right: 0.2rem;width: 0.1rem;height: 0.1rem;border: solid #d8d8d8;border-width: 1px 1px 0 0;transform: translate(0, -50%) rotate(...
2019-06-10 10:48:54
183
原创 vue 遮罩层阻止默认滚动事件
在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。vue中提供 @touchmove.prevent 方法可以完美解决这个问题<div class="dialog" @touchmove.prevent ></div>如果不是使用Vue的话，可以给body添加overflow:hidden属性解决...
2019-05-06 14:59:21
510
原创 获取base64的src为空的解决办法
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-04-30 17:14:49
2876
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人