随笔分类 -  前端

1 2 3 4 5 ··· 8 下一页
HTML、css、JavaScript、vue、jQuery
摘要:功能目标 在前端实现 ZIP 压缩包的解析,将文件名通过下拉框展示,并支持查看所选文件的内容。 使用技术 JSZip:解析 ZIP 文件的库。 FileReader:读取用户上传的文件。 HTML 和 JavaScript:实现交互和动态内容展示。 实现步骤 1. 引入 JSZip 通过 CDN 或 阅读全文
posted @ 2024-11-27 11:09 槑孒 阅读(411) 评论(0) 推荐(0) 编辑
摘要:JavaScript 实现只复制已存在属性的笔记 在 JavaScript 中,如果需将一个对象的属性复制到另一个对象中,但只复制目标对象中已经存在的属性,可以使用以下几种方法: 1. 手动遍历属性 通过遍历 source 对象的属性,并判断 target 对象中是否存在对应属性,决定是否进行复制。 阅读全文
posted @ 2024-08-26 14:53 槑孒 阅读(126) 评论(0) 推荐(0) 编辑
摘要:在 CSS 中,可以使用 text-overflow、white-space 和 overflow 来配置文本省略(即当文本内容超过容器宽度时,显示为省略号 ...)。以下是实现单行和多行文本省略的配置方法。 1. 单行文本省略 要实现单行文本省略,可以使用以下 CSS: .ellipsis { w 阅读全文
posted @ 2024-08-25 21:00 槑孒 阅读(949) 评论(0) 推荐(0) 编辑
摘要:当指定了参数limit=1, 再次上传就会无效 以下是官方文档给出的解决方法示例 通过on-exceed来定义超出限制时的行为 <template> <el-upload ref="uploadRef" :limit="1" :on-exceed="handleExceed" :auto-uploa 阅读全文
posted @ 2024-08-23 17:05 槑孒 阅读(438) 评论(0) 推荐(0) 编辑
摘要:MutationObserver 介绍 MutationObserver 是是一个用于监视 DOM 变动的 Web API。通过它可以监控 DOM 树中的更改,比如元素的属性、子元素的增加和删除等,并在这些变化发生时执行回调函数。可以替代过时的 Mutation Events,它具有更高的性能和更广 阅读全文
posted @ 2024-07-29 23:19 槑孒 阅读(185) 评论(0) 推荐(0) 编辑
摘要:在使用 fetch API 发送 POST 请求时,通常需要指定请求的方法为 "POST",并且通过 body 参数传递要发送的数据。 示例代码 下面是一个简单的示例,演示如何使用 fetch API 发送 POST 请求: const url = '/api/endpoint'; // 替换为你的 阅读全文
posted @ 2024-07-10 17:26 槑孒 阅读(1839) 评论(0) 推荐(0) 编辑
摘要:display:grid 是 CSS 网格布局的一部分,它用于创建一个基于网格的布局系统。网格布局允许开发者通过定义行和列来更精确地控制元素的位置和对齐。以下是 display:grid 的一些基本用法: 一、基本用法 <div class="grid-container"> <div class= 阅读全文
posted @ 2024-07-08 09:02 槑孒 阅读(337) 评论(0) 推荐(0) 编辑
摘要:JS自定义类事件回调封装示例 class Tracklayer { private eventListeners: { [key: string]: Function[] }; constructor(){ this.eventListeners = {}; // 事件监听器列表 } /** * 添 阅读全文
posted @ 2024-06-26 15:32 槑孒 阅读(21) 评论(0) 推荐(0) 编辑
摘要:在前端开发中,??(Nullish Coalescing Operator)和 ||(Logical OR Operator)是用来提供默认值的操作符。它们的行为有一些细微但重要的区别。 ||(Logical OR Operator) || 是逻辑或操作符,它会返回第一个真值(truthy valu 阅读全文
posted @ 2024-06-24 22:41 槑孒 阅读(134) 评论(0) 推荐(0) 编辑
摘要:import os import time import subprocess import schedule from datetime import datetime import paramiko from dateutil import parser def read_last_build_ 阅读全文
posted @ 2024-06-14 02:05 槑孒 阅读(34) 评论(0) 推荐(0) 编辑
摘要:在 SCSS 中,可以使用变量来存储伪类选择器的样式,然后通过嵌套或扩展将其应用到特定的选择器中。 以下是一个示例,展示如何将伪类的样式存储在一个变量中并在不同的地方使用它。 示例代码 1. 定义一个 SCSS 变量存储伪类样式 $base-menu-color-active: #ff0000; / 阅读全文
posted @ 2024-06-12 10:08 槑孒 阅读(39) 评论(0) 推荐(0) 编辑
摘要:1.场景 需求在按钮中鼠标移入显示Tooltip文字提示,点击显示Popover提示框 2.实现 el-tooltip与el-popover之间需要有一层dom元素 <template> <el-tooltip effect="dark" :show-after="500" content="功能开 阅读全文
posted @ 2024-06-04 23:22 槑孒 阅读(272) 评论(0) 推荐(0) 编辑
摘要:在 UnoCSS 中,可以使用简写类来设置各种 CSS 属性,包括 border-bottom-left-radius。 UnoCSS 提供了一些内置的简写类,但是对于更详细的控制(比如特定的边角半径),可能需要使用自定义类或者直接使用 CSS-in-JS 的方式。 使用 UnoCSS 设置 bor 阅读全文
posted @ 2024-06-03 01:17 槑孒 阅读(498) 评论(0) 推荐(0) 编辑
摘要:在部署 Vue.js 单页面应用(SPA)时,遇到刷新页面时返回 404 错误是一个常见问题。这个问题通常是由于服务器不知道如何处理 SPA 的路由而导致的。 原因 在 Vue.js SPA 中,前端路由由 Vue Router 处理。当你在应用中导航时,Vue Router 可以处理这些路由并加载 阅读全文
posted @ 2024-05-31 16:23 槑孒 阅读(3024) 评论(0) 推荐(0) 编辑
摘要:个人开发常用 Vscode 1.中文语言包 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 2.本地服务 Live Server 3.代码后面显示提交记录 GitLens — Git supercharged 4.图标 阅读全文
posted @ 2024-05-30 10:21 槑孒 阅读(62) 评论(0) 推荐(0) 编辑
摘要:在 UnoCSS 中,可以直接使用 CSS 变量来定义样式。但是,UnoCSS 本身并不支持直接使用变量名作为类名或选择器。 如果想使用 CSS 变量来定义样式,可以按照以下方式进行操作: 在 CSS 文件中定义一个变量,例如 --text-color: red;。 在 UnoCSS 的样式表中,可 阅读全文
posted @ 2024-04-29 18:00 槑孒 阅读(1148) 评论(0) 推荐(0) 编辑
摘要:TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" 假如你在编写一个 Typescript 库函数,你希望将其编译为 ESModule ,那么你可以通过在 package.json 中声明 "type": "mod 阅读全文
posted @ 2024-03-17 22:34 槑孒 阅读(4007) 评论(0) 推荐(1) 编辑
摘要:一、导入类型定义文件错误 node_modules/@types/leaflet/index.d.ts:128:1 128 export = e; This module is declared with 'export =', and can only be used with a default 阅读全文
posted @ 2024-03-13 23:33 槑孒 阅读(394) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 8 下一页
点击右上角即可分享
微信分享提示