摘要: 一、项目需求 前端点击按钮直接调起打印对应pdf文档。 二、踩坑 刚开始通过api获取后端给的PDF地址,创建一个隐藏的iframe标签src设置为pdf地址;前端通过获取隐藏的iframe标签的id来实现打印指定内容; 存在iframe跨域问题,不能直接调起print()方法,取消iframe隐藏 阅读全文
posted @ 2022-11-09 18:02 Vition 阅读(4481) 评论(6) 推荐(0) 编辑
摘要: 本质上是优化高频率执行代码的一种手段 如:浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能 为了优化体验,需要对这类事件进行调用次数的限制,对此我们就可以采用throttle(节流)和debo 阅读全文
posted @ 2022-09-08 14:51 Vition 阅读(107) 评论(0) 推荐(0) 编辑
摘要: Vue.js 自定义指令列表,这些指令为我的项目开发节省了大量时间! 1. V-Hotkey 安装: npm install --save v-hotkey这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: < 阅读全文
posted @ 2021-12-13 11:19 Vition 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 需求:el-table内容表内编辑。1,当结束时间不为空,开始时间不得大于结束时间。 2,当开始日期不为空,结束日期不得小于开始日期。 解决方案:el-date-picker组件需要 :picker-options属性,属性值为data,data的数据来自于methods中的方法 上代码 👇 <e 阅读全文
posted @ 2021-05-10 12:55 Vition 阅读(4829) 评论(0) 推荐(0) 编辑
摘要: function axgetdata(url,params){axios({method: ‘get’,url: url,params: params,responseType: ‘blob’}).then((res) => { const link = document.createElement 阅读全文
posted @ 2021-04-07 10:24 Vition 阅读(2023) 评论(0) 推荐(1) 编辑
摘要: Cookie的英文原意是指就着牛奶一起吃的点心。在互联网世界中,Cookie是指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据。 cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaSc 阅读全文
posted @ 2021-01-20 11:27 Vition 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 一、利用ES6 Set去重(ES6中最常用) function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,u 阅读全文
posted @ 2020-05-26 13:56 Vition 阅读(210) 评论(0) 推荐(0) 编辑
摘要: <style> html { /* //以下代码通过滤镜将页面中所有的彩色去掉,适用于各种纪念日,请维护人员及时删除或注释掉 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale( 阅读全文
posted @ 2020-05-07 10:32 Vition 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 一, VUE移动端简单实现只获取当前拍摄照片demo <template> <div> <img :src="urls" width="200px" height="200px"/> <input style="display: none;" type="file" id='uploadFile' 阅读全文
posted @ 2020-03-05 17:06 Vition 阅读(1829) 评论(8) 推荐(0) 编辑
摘要: 超好看的气泡进度条, 已封装成组件. 二话不说先上图 ↓↓↓ 一, 先将这张图片放入 assets 文件夹内 (因为是透明背景图片,所以用箭头框起来了) ↓↓↓ →← ↑↑↑ 二, 在 components 文件夹内新建一个 progress-bar.vue 文件 Copy 下面这段代码进去 三, 阅读全文
posted @ 2019-10-26 10:00 Vition 阅读(3295) 评论(2) 推荐(2) 编辑