随笔分类 - 前端
HTML、css、JavaScript、vue、jQuery
摘要：https://element-plus.org/zh-CN/component/icon.html 静态示例 <el-icon> <Menu/> </el-icon> 动态示例 Menu为图标名称，可替换，注意是字符串 <el-icon> <component :is="Menu" /> </el
阅读全文
摘要：使用提供的API，让一个元素与其子元素，可以占据整个屏幕，并在此期间，从屏幕上隐藏所有的浏览器用户界面以及其他应用。 使元素进入全屏模式：Element.requestFullscreen () https://developer.mozilla.org/zh-CN/docs/Web/API/Ele
阅读全文
摘要：.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg
阅读全文
摘要：什么是unocss？ unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。 Unocss： Guide 用Vite安装和配置步骤：UnoCSS Vite Plugin 互动性文档：https://unocss.dev/interactive/（
阅读全文
摘要：<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M
阅读全文
摘要：解决方案代码如下： const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time
阅读全文
摘要：检查浏览器是否支持最新版本，可以使用JavaScript来检测浏览器的用户代理（User Agent）字符串，或者使用现代特性的支持情况来确定浏览器是否为最新版本。 以下是两种常见的方法： 检测用户代理字符串：虽然不是最推荐的方式，但你可以通过检查用户代理字符串来确定浏览器的类型和版本。然而，这种方
阅读全文
摘要：效果 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta http-equiv="X-UA-Compatible" co
阅读全文
摘要：如果有一个多层嵌套的数组，想要计算其层级（深度），可以使用递归或迭代方法来实现。以下是两种常用的方法示例： 递归方法： function calculateDepth(arr) { if (!Array.isArray(arr)) { return 0; // 如果不是数组，返回0表示不是层级结构
阅读全文
摘要：在一个 Promise 对象的 then 方法中，如果想要触发一个 reject，以便后续的 catch 方法可以捕获并处理它，可以通过两种方式来实现： 返回一个被拒绝的 Promise：在 then 方法中，您可以返回一个新的 Promise 对象，该 Promise 对象被拒绝（rejected
阅读全文
摘要：[官方文档介绍](https://cn.vitejs.dev/config/build-options.html#build-outdir) ![](https://img2023.cnblogs.com/blog/1987782/202308/1987782-20230828161334459-1
阅读全文
摘要：element-plus默认是英文，要显示中文需要安装中文包 1.Element Plus 提供了全局配置国际化的配置。 ```js import ElementPlus from 'element-plus' import zhCn from 'element-plus/es/locale/lan
阅读全文
摘要：这个被称为"网页图标"（Favicon），是网站上显示在浏览器标签页、书签栏和收藏夹中的小图标。它是在标签中定义的，并指定了图标文件的路径和类型。 在大多数情况下，浏览器要求在``标签中使用ico格式的图标。ICO是一种用于图标文件的常见格式。 但是，现代的浏览器通常也支持其他格式的图标，例如PNG
阅读全文
摘要：### 上传文件 原生上传文件可以通过input标签中的`type="file"`实现，多文件上传则需要加上`multiple`属性。 ```html 选择文件 ``` ### 获取上传文件信息 通过`onchange`方法触发文件上传。怎么才能拿到上传的文件信息呢？ 通过获取id为upload的d
阅读全文
摘要：### 问题描述 代码： ```js let geometries = qChart.value .filter((e) => e.geometry) .map((e) => e?.geometry); navigator.clipboard .writeText(JSON.stringify(ge
阅读全文
摘要：这个代码片段是使用JavaScript语言定义了一个正则表达式（regular expression），它用于匹配一个以斜杠（/）开头的字符串中的第一段。 现在来逐步解释这个正则表达式的每个部分： - `^`: 这是一个锚点，表示匹配字符串的开头。 - `\/`: 这是一个转义后的斜杠字符，用于匹配
阅读全文
摘要：在浏览器地址栏输入 [https://get.webgl.org/](https://get.webgl.org) 如果得出下面图形，就说明浏览器是支持WebGLS的，经过尝试，发现Chome浏览器，微软Edge以及搜狗浏览器都能很好的支持WebGL。 