Loading

摘要: # 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp 阅读全文
posted @ 2023-06-12 22:41 ^Mao^ 阅读(45) 评论(0) 推荐(0) 编辑
摘要: - CanIUse: 一个检查浏览器是否支持某些特性的网站,可以帮助前端开发人员快速了解各种Web标准的兼容情况。 - CSS-Tricks: 一个关于CSS技术和技巧的博客网站,提供各种类型的教程、文章和示例代码,包括CSS布局、动画、过渡等。 - MDN Web文档: Mozilla开发者网络( 阅读全文
posted @ 2023-06-08 22:26 ^Mao^ 阅读(61) 评论(0) 推荐(0) 编辑
摘要: # UI - https://www.axureshop.com/ys/1331369 - https://www.zcool.com.cn/ - https://dribbble.com/ - https://www.ui.cn/ - https://huaban.com/ - https://p 阅读全文
posted @ 2023-06-05 07:31 ^Mao^ 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 示例 https://admin-demo.vuestic.dev/auth/login https://vuejs-core.cn/shop-vite/?form=github#/index https://adminlte.io/themes/v3/index3.html# 阅读全文
posted @ 2024-09-09 08:09 ^Mao^ 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 需求 有的时候我们需要防止用户对应用进行截图。 思路 window.onfocus 和window.onblur 可以监听当前页面被其他应用覆盖的情况,而visibilitychange无法监测到 示例 <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文
posted @ 2024-09-03 07:54 ^Mao^ 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 需求 有的时候我们导出的数据量很大,如果在主进程中操作的话可能会导致页面卡顿的问题 代码 App.vue <template> <div class="app"> <button @click="exportExcel">导出Excel</button> </div> </template> <sc 阅读全文
posted @ 2024-09-02 19:33 ^Mao^ 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 背景 有的时候我们需要向后端发送多个网络请求,如果全部在主线程中操作的话页面会变得非常卡顿,我们可以使用webwoker来发送网络请求,一旦服务响应结果,我们再从子线程给主线程发送消息 步骤 默认情况下vue2是不支持webwoker。 安装worker-loader npm i -D worker 阅读全文
posted @ 2024-08-31 23:06 ^Mao^ 阅读(511) 评论(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^ 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 需求 有的情况,我们需要给我们的网页添加水印。我们可以使用第三方库Watermark Design。官方地址:https://watermark-design.github.io/watermark/zh/ 效果 示例代码 入口文件main.js import WatermarkDesign fro 阅读全文
posted @ 2024-08-29 23:12 ^Mao^ 阅读(229) 评论(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^ 阅读(161) 评论(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^ 阅读(4) 评论(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^ 阅读(10) 评论(0) 推荐(0) 编辑
摘要: postcss-px-to-viewport-inline 阅读全文
posted @ 2024-08-13 22:10 ^Mao^ 阅读(6) 评论(0) 推荐(0) 编辑