
前端文章
文章平均质量分 67
不讲道理的柯里昂
好好学习,天天向上!
展开
-
自定义 Element Plus 树状表格图标
通过覆盖 Element Plus 默认样式,可以轻松实现自定义树状表格的图标。以上示例展示了如何根据节点的不同状态(未展开、已展开、无子节点)应用不同的图标效果。原创 2024-12-27 09:31:38 · 686 阅读 · 0 评论 -
使用 Vue 3 和 TypeScript 实现带打字效果的仿 AI 分析展示组件
本文分享了如何在 Vue 3 和 TypeScript 项目中实现一个带打字效果的 AI 分析展示组件。原创 2024-09-18 15:57:48 · 1915 阅读 · 0 评论 -
如何封装切屏检测与防作弊组件 —— Vue 3 + Element Plus 实践
通过 Vue 3 的组合式 API 与 Element Plus 的弹窗组件,我们成功封装了一个具备切屏检测、禁用复制粘贴等防作弊功能的通用组件。这种组件在线上考试系统中非常实用。原创 2024-09-09 10:59:07 · 1118 阅读 · 0 评论 -
简单优雅的页面图片预览插件 v-viewer 推荐
通过v-viewer,你可以轻松为 Nuxt 3 项目中的图片添加强大的放大预览功能。这种功能不仅提升了用户体验,也让你的图片展示更加专业。如果你有任何问题或想法,欢迎在评论区讨论。希望这篇教程对你有所帮助!原创 2024-09-02 09:49:51 · 874 阅读 · 2 评论 -
JavaScript Page Visibility API检测页面是否可见
在前端开发中,有时候需要根据页面的可见性来控制资源的使用和提高页面的性能和响应速度。而 浏览器中的就是一种检测页面是否可见的方法。通过 Page Visibility API,我们可以知道当前页面是否被隐藏或者最小化,从而可以根据页面的可见性来进行一些操作。通过本文的介绍,我们了解了 Page Visibility API 的概念、使用方法、兼容性和常见使用场景。在实际开发中,我们可以根据页面的可见性来控制资源的使用,提高用户体验和性能优化。MDN 文档W3C 规范。原创 2024-08-07 14:28:25 · 1018 阅读 · 0 评论 -
Vue3 + Element Plus实现用户粘贴图片上传功能的组件
本文将介绍如何使用 Vue 3 和 Element Plus 创建一个支持图片粘贴上传的组件,并提供详细的代码实现和说明。支持用户通过拖拽或点击按钮选择图片上传。支持用户直接粘贴图片到组件中进行上传。显示上传图片的预览,并允许用户删除已上传的图片。提供对上传文件的类型和大小检查。通过以上代码,我们实现了一个功能完整的图片上传组件,支持用户通过点击、拖拽和粘贴方式上传图片。该组件能够处理图片的上传、预览、删除及类型和大小检查,为用户提供了更好的体验。希望这个示例能帮助你在项目中实现类似功能。原创 2024-07-29 15:27:30 · 1013 阅读 · 12 评论 -
Javascript 实时记录视频播放进度,防止观看作弊
上面实现了一个简单的基于原生video的具有动态颜色的进度条,可以有效地记录在视频中的观看进度。可以在上面的基础上拓展:比如原生标签用其他的播放器代替(DPlayer等),可能相应的监听时间需要做修改。比如将记录通过后台接口将记录写入在数据库,下次播放时读取记录继续播放等。原创 2024-07-25 16:22:07 · 2068 阅读 · 0 评论 -
JavaScript将包含svg图片的Html转为word显示
html-to-doxc原创 2024-04-24 10:35:52 · 672 阅读 · 0 评论 -
vue2.0+ueditorplus中使用mathjax识别粘贴内容中的latex数学公式并转为svg图片显示
Mathjax使用的话,我看网上大部分都是2.0的一些配置和用法,而3.0中很多方法都被新方法替代了,过程中大家得多注意下新版本的变化。原创 2024-03-22 16:02:21 · 1266 阅读 · 5 评论