前端开发
文章平均质量分 62
老贼大魔王
这个作者很懒,什么都没留下…
展开
-
axios通过pdf下载地址预览pdf
前言最近做一个功能,根据一个pdf的下载地址,做出既能下载又能预览pdf的两个功能按钮,因为地址本身在浏览器中打开就能下载,直接记录怎么实现预览功能。具体步骤1.前台html代码<iframe id="iframe" frameborder="0" style="width: 100%; height: 100%"></iframe>2.前台js代码axios({ method: 'get', url:'/preview', params:{原创 2021-05-04 22:22:34 · 1383 阅读 · 0 评论 -
axios下载文件
前言最近项目将token信息放在请求的header中,所以不可以用iframe的src属性下载文件,因为不可以操作请求头。这里记录一下使用axios实现文件下载的方法。具体实现前端代码axios({ method: 'post', url: 'export/download/', data: { id: fileId }, headers: { 'Content-Ty...原创 2020-01-16 19:57:48 · 1030 阅读 · 0 评论 -
webStorm正则替换
前言最近用webstorm开发遇到一个需要全局正则替换的问题,这里记录一下使用心得。场景是给按钮快捷键字母添加一个<u>标签,这么做一是为字母添加下划线,二是为之后快捷键方法添加定位。如下图所示:具体方法具体就是:先打开Ctrl+R本页替换或Ctrl+Shift+R全局替换将Regex勾选第一个框填写([\u4e00-\u9fa5])\(([A-Z])\)</el...原创 2019-12-31 16:39:31 · 2267 阅读 · 0 评论 -
vue+el使用日期组件限制开始、结束日期选择范围
前言记录一下最近使用element UI中的DatePicker,限制开始日期不能选择结束日期之后的日期,同样结束日期不能选择开始日期之前的日期。具体实现原理是利用DatePicker的:picker-options实现。标签添加:picker-options属性<el-form-item label="开始日期" prop="startDate"> <el-d...原创 2019-12-27 14:19:12 · 1093 阅读 · 0 评论 -
解决vue+el使用this.$confirm,不能阻断代码往下执行
前言在vue+element ui的前端框架中使用el的confirm弹窗,遇到一个问题,就是连续多个弹窗提示一些信息,要是点击确定继续向下执行,点击取消就退出整个方法。这时发现当代码执行到this.$confirm弹窗时,弹出弹窗后,继续执行了弹窗之后的代码,没有等到弹窗点击确定或是取消之后再执行。具体解决其实解决办法也很简单,因为this.$confirm也是一个promise方法,所以...原创 2019-12-23 11:04:22 · 12684 阅读 · 5 评论 -
用vue写IP地址文本框组件
前言实现原理是用4个文本框拼到一起,中间加一个点样式,再加上对于内容的限制为0-255,再加上光标位置的判断即可。具体内容在该目录下创建组件文件文件内容如下<template> <ul class="ipAdress"> <li v-for="(item,index) in ipAddress"> ...原创 2019-09-17 11:18:27 · 4115 阅读 · 9 评论 -
table表格列随鼠标高亮显示
前言在表格开发中,有时因为表格列数较多,需要表格的列随着鼠标的移动高亮显示,方便查看,如下图(配合行高亮显示)代码$('#baseTable tbody tr td').mouseover(function(){ var i = $(this).prevAll('td').length; $("#baseTable tbody").children('tr').each(functi...原创 2018-11-14 15:50:06 · 1394 阅读 · 0 评论 -
clipboard.js复制功能实现
前言clipboard.js是前端实现复制文本到剪贴板的插件,简单记录一下使用方法。具体使用1.简单的demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>测试页面</title> <sc原创 2018-08-01 16:52:22 · 223 阅读 · 0 评论 -
兼容火狐阻止事件冒泡
前言在开发前端的时候会有div套div,且内外div都绑定的Click事件,这时点击内部div就会触发外部div的事件,禁止事件冒泡,总结记录方法。具体内容1.正常将event参数写上,利用event.stopPropagation()可以实现。$("#div1").click(function(event){ event.stopPropagation();});...原创 2018-07-04 17:56:28 · 1444 阅读 · 0 评论 -
网页图片利用base64优化加载
前言最近做一个要加载30多张图片的页面,因为图片多导致产生大量的http请求,从而影响页面的加载速度,而且有加载不出来的情况,最后利用base64解决问题。 Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法。具体步骤1.HTML标签 <img src="data:image/gif;base...原创 2018-06-27 15:18:05 · 3136 阅读 · 0 评论