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