摘要：
需求 有的时候我们需要防止用户对应用进行截图。 思路 window.onfocus 和window.onblur 可以监听当前页面被其他应用覆盖的情况，而visibilitychange无法监测到 示例 <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2024-09-03 07:54
^Mao^
阅读(124)
评论(0)
推荐(0)
摘要：
需求 有的时候我们导出的数据量很大，如果在主进程中操作的话可能会导致页面卡顿的问题 代码 App.vue <template> <div class="app"> <button @click="exportExcel">导出Excel</button> </div> </template> <sc 阅读全文
posted @ 2024-09-02 19:33
^Mao^
阅读(258)
评论(0)
推荐(0)
摘要：
背景 有的时候我们需要向后端发送多个网络请求，如果全部在主线程中操作的话页面会变得非常卡顿，我们可以使用webwoker来发送网络请求，一旦服务响应结果，我们再从子线程给主线程发送消息 步骤 默认情况下vue2是不支持webwoker。 安装worker-loader npm i -D worker 阅读全文
posted @ 2024-08-31 23:06
^Mao^
阅读(1205)
评论(0)
推荐(0)
摘要：
需求 有的时候我们通过前端将应用的某些内容整理到PPT文档中，通过PPT文档展示给其他用户看 参考文档 https://vikeya.com/archives/1703660042725#heading-1 https://gitbrent.github.io/PptxGenJS/docs/api- 阅读全文
posted @ 2024-08-29 23:46
^Mao^
阅读(126)
评论(0)
推荐(0)
摘要：
需求 有的情况，我们需要给我们的网页添加水印。我们可以使用第三方库Watermark Design。官方地址：https://watermark-design.github.io/watermark/zh/ 效果 示例代码 入口文件main.js import WatermarkDesign fro 阅读全文
posted @ 2024-08-29 23:12
^Mao^
阅读(711)
评论(0)
推荐(0)
摘要：
效果图 代码 <template> <div class="app"> <div class="demo" ref="demoRef"></div> </div> </template> <script> import * as echarts from 'echarts' export defau 阅读全文
posted @ 2024-08-26 23:49
^Mao^
阅读(568)
评论(0)
推荐(0)
摘要：
效果 option = { tooltip: { trigger: 'axis', axisPointer: { // Use axis to trigger tooltip type: 'shadow' // 'shadow' as default; can also be 'line' or ' 阅读全文
posted @ 2024-08-26 22:38
^Mao^
阅读(9)
评论(0)
推荐(0)
摘要：
效果图 代码 <template> <div class="app"> <span class="menu-btn">菜单列表</span> <div class="menu-container"> <div class="menu-list"> <!-- <div class="menu-list 阅读全文
posted @ 2024-08-19 22:32
^Mao^
阅读(28)
评论(0)
推荐(0)
摘要：
postcss-px-to-viewport-inline 阅读全文
posted @ 2024-08-13 22:10
^Mao^
阅读(13)
评论(0)
推荐(0)
摘要：
背景 有的时候后端返回文件，文件是属于stream类型（二进制格式），我们获取到二进制格式的文件后可能是需要下载，也直接在页面上预览等等。 代码 <template> <div class="app"> <iframe :src="iframeSrc" scrolling="auto" style= 阅读全文
posted @ 2024-08-12 22:19
^Mao^
阅读(176)
评论(0)
推荐(0)
浙公网安备 33010602011771号