- 博客(25)
- 收藏
- 关注
RSS订阅原创 自定义 Element Plus 树状表格图标
通过覆盖 Element Plus 默认样式，可以轻松实现自定义树状表格的图标。以上示例展示了如何根据节点的不同状态（未展开、已展开、无子节点）应用不同的图标效果。
2024-12-27 09:31:38
600
原创 通过Express + Vue3从零构建一个用户认证与授权系统（三）前端应用工程构建
使用Vue 3TypeScript和Vite构建一个前端应用，与之前构建的后端 API 无缝对接。此前端将处理用户认证、显示用户数据、管理角色和权限，并确保与后端的安全通信。
2024-10-15 16:50:19
911
1
原创 通过Express + Vue3从零构建一个用户认证与授权系统（二）数据库与后端项目搭建与实现
上一篇完成了系统的相关设计文档的编写，本文将详细介绍如何一步步使用 TypeScript 和 Express 搭建一个模块化、类型安全的用户认证与授权系统，包括数据库设计、后端项目搭建、用户认证、角色与权限管理、错误处理以及 Swagger 文档集成。
2024-10-09 17:26:15
1575
原创 通过Express + Vue3从零构建一个用户认证与授权系统（一）项目结构设计
本文将以一个基于 TypeScript + Express + Vue3 的项目为例，实现可靠的用户认证与授权。这个系统的核心部分包括前端、后端和数据库。我们需要确保各部分合理分层、易于维护和扩展。
2024-10-08 16:08:26
1157
原创 使用 Vue 3 和 TypeScript 实现带打字效果的仿 AI 分析展示组件
本文分享了如何在 Vue 3 和 TypeScript 项目中实现一个带打字效果的 AI 分析展示组件。
2024-09-18 15:57:48
1425
原创 如何封装切屏检测与防作弊组件 —— Vue 3 + Element Plus 实践
通过 Vue 3 的组合式 API 与 Element Plus 的弹窗组件，我们成功封装了一个具备切屏检测、禁用复制粘贴等防作弊功能的通用组件。这种组件在线上考试系统中非常实用。
2024-09-09 10:59:07
946
原创 简单优雅的页面图片预览插件 v-viewer 推荐
通过v-viewer，你可以轻松为 Nuxt 3 项目中的图片添加强大的放大预览功能。这种功能不仅提升了用户体验，也让你的图片展示更加专业。如果你有任何问题或想法，欢迎在评论区讨论。希望这篇教程对你有所帮助！
2024-09-02 09:49:51
804
3
原创 JavaScript Page Visibility API检测页面是否可见
在前端开发中，有时候需要根据页面的可见性来控制资源的使用和提高页面的性能和响应速度。而 浏览器中的就是一种检测页面是否可见的方法。通过 Page Visibility API，我们可以知道当前页面是否被隐藏或者最小化，从而可以根据页面的可见性来进行一些操作。通过本文的介绍，我们了解了 Page Visibility API 的概念、使用方法、兼容性和常见使用场景。在实际开发中，我们可以根据页面的可见性来控制资源的使用，提高用户体验和性能优化。MDN 文档W3C 规范。
2024-08-07 14:28:25
975
原创 Vue3 + Element Plus实现用户粘贴图片上传功能的组件
本文将介绍如何使用 Vue 3 和 Element Plus 创建一个支持图片粘贴上传的组件，并提供详细的代码实现和说明。支持用户通过拖拽或点击按钮选择图片上传。支持用户直接粘贴图片到组件中进行上传。显示上传图片的预览，并允许用户删除已上传的图片。提供对上传文件的类型和大小检查。通过以上代码，我们实现了一个功能完整的图片上传组件，支持用户通过点击、拖拽和粘贴方式上传图片。该组件能够处理图片的上传、预览、删除及类型和大小检查，为用户提供了更好的体验。希望这个示例能帮助你在项目中实现类似功能。
2024-07-29 15:27:30
910
13
原创 Javascript 实时记录视频播放进度，防止观看作弊
上面实现了一个简单的基于原生video的具有动态颜色的进度条，可以有效地记录在视频中的观看进度。可以在上面的基础上拓展：比如原生标签用其他的播放器代替（DPlayer等），可能相应的监听时间需要做修改。比如将记录通过后台接口将记录写入在数据库，下次播放时读取记录继续播放等。
2024-07-25 16:22:07
1868
原创 记录JavaScript从基础到进阶-构造器和操作符 “new“
构造函数，或简称构造器，就是常规函数，但大家对于构造器有个共同的约定，就是其命名首字母要大写。构造函数只能使用new来调用。这样的调用意味着在开始时创建了空的this，并在最后返回填充了值的this。我们可以使用构造函数来创建多个类似的对象。JavaScript 为许多内建的对象提供了构造函数：比如日期Date、集合Set等。
2024-03-25 17:00:52
588
原创 记录JavaScript从基础到进阶-对象Object
对象是具有一些特殊特性的关联数组。属性的键必须是字符串或者 symbol（通常是字符串）。值可以是任何类型。点符号:。方括号，方括号允许从变量中获取键，例如。。。循环。我们在这一章的叫做“普通对象（plain object）”，或者叫对象。Array用于存储有序数据集合，Date用于存储时间日期，Error用于存储错误信息。……等等。
2024-03-25 10:37:26
587
原创 vue2.0+ueditorplus中使用mathjax识别粘贴内容中的latex数学公式并转为svg图片显示
Mathjax使用的话，我看网上大部分都是2.0的一些配置和用法，而3.0中很多方法都被新方法替代了，过程中大家得多注意下新版本的变化。
2024-03-22 16:02:21
1115
5
原创 记录JavaScript从基础到进阶----for循环中的break/continue标签
指令也可以与标签一起使用。在这种情况下，执行跳转到标记循环的下一次迭代。指令必须在代码块内。这还不够 —— 标签可以实现这一功能！我们需要提供一种方法，以在用户取消输入时来停止这个过程。有时候我们需要一次从多层嵌套的循环中跳出来。例如，下述代码中我们的循环使用了。标签并不允许“跳到”所有位置。的标签并跳出当前循环。只有在循环内部才可行。尽管 大部分的情况下。
2024-03-21 09:10:40
358
原创 记录JavaScript从基础到进阶---值的比较
比较运算符始终返回布尔值。字符串的比较，会按照“词典”顺序逐字符地比较大小。当对不同类型的值进行比较时，它们会先被转化为数字（不包括严格相等检查）再进行比较。在非严格相等==下，null和undefined相等且各自不等于任何其他的值。在使用或进行比较时，需要注意变量可能为的情况。比较好的方法是单独检查变量是否等于。
2024-03-13 17:12:42
746
原创 记录JavaScript从基础到进阶---数据类型转换
有三种常用的类型转换：转换为 string 类型、转换为 number 类型和转换为 boolean 类型。字符串转换—— 转换发生在输出内容的时候，也可以通过进行显式转换。原始类型值的 string 类型转换通常是很明显的。数字型转换—— 转换发生在进行算术操作时，也可以通过进行显式转换。值变成……undefinedNaNnull01 / 0string“按原样读取”字符串，两端的空白字符（空格、换行符\n、制表符\t等）会被忽略。空字符串变成0。转换出错则输出NaN。布尔型转换。
2024-03-13 16:43:56
857
原创 记录JavaScript从基础到进阶----数据类型
在 JavaScript 中有 8 种基本的数据类型（7 种原始类型和 1 种引用类型）JavaScript 是一种 “动态类型”（dynamically typed）的编程语言，意思是虽然编程语言中有不同的数据类型，但是你定义的变量并不会在定义后，被限制为某一数据类型。我们可以将任何类型的值存入变量。
2024-03-13 16:31:57
1132
原创 记录JavaScript从基础到进阶---JavaScript 简介
JavaScript 最初被创建的目的是“使网页更生动”。这种编程语言写出来的程序被称为脚本。它们可以被直接写在网页的 HTML 中，在页面加载的时候自动执行。脚本被以纯文本的形式提供和执行。它们不需要特殊的准备或编译即可运行。这方面，JavaScript 和Java有很大的区别。为什么叫JavaScript？JavaScript 在刚诞生的时候，它的名字叫 “LiveScript”。但是因为当时 Java 很流行，所以决定将一种新语言定位为 Java 的“弟弟”会有助于它的流行。
2024-03-13 16:30:54
800
原创 2024前端面试题（一）
是一个独立的渲染容器，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。页面渲染时，dom元素所采用的。可通过box-sizing。
2024-01-24 23:00:21
439
原创 记录springboot集成jwt后swagger3.0无法打开的问题
记录springboot集成了jwt令牌后，swagger页面打不开的问题.
2024-01-24 22:00:30
1242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人