前端

前端防抖(Debounce)和节流(Throttle)详解

在前端开发中,处理频繁的事件触发是一项常见任务,例如窗口的 resize、页面滚动的 scroll 事件、用户输入的 keyup 或 keydown 事件等。如果不加以控制,这些事件会频繁触发,从而导致性能问题。因此,防抖(Debounce)和节流(Throttle)这两种

一文了解Blob文件格式,前端必备技能之一

文章目录 前言 一、什么是Blob? 二、Blob的基本特性 三、Blob的构造函数 四、常见使用场景 1. 文件下载 2. 图片预览 3. 大文件分片上传 四、Blob与其他API的关系 1. File API 2. FileReader 3. URL.createObjectURL() 4. Response 五、性能与内存管理 六、实际案例&#x

极致的灵活度满足工程美学:用Vue Flow绘制一个完美流程图

目录极致的灵活度满足工程美学:用Vue Flow绘制一个完美流程图一、环境要求二、初识Vue Flow2.1、安装Vue Flow2.2、Vue Flow构成2.3、一个小坑2.4、入门案例三、Vue Flow优秀的自定义功能3.1、引入3.2、节点与连线的自定义①打样(做模板)②模版取名③替换模版 3.3、节点与连线的事件①节点事件②连线事件3.4、句柄

121.乾坤js隔离机制

乾坤js隔离机制.jpg 依旧从loadApp函数入手 export async function loadApp<T extends ObjectType>( app: LoadableApp<T>, configuration: FrameworkConfiguration = {}, lifeCycles?: FrameworkLifeCyc

前端学习日记 - 前端函数防抖详解

前端函数防抖详解 为什么使用防抖 函数防抖的应用场景 函数防抖原理与手写实现 原理 手写实现 使用 Lodash 的 \_.debounce 完整示例:防抖搜索组件 结语 在现代 Web 应用中,函数防抖(debounce)是一种常见且高效的性能优化手段,用于限制高频事件触发下的函数调用次数&#xf

若依本地搭建(前端为Vue3版本)

后端搭建部分        首先去若依官网下载最新的若依代码,或者在我的git上进行下载(没有跟随官方版本更新) 若依后端项目初始化: 用于在本地快速搭建若依的后端初始化项目        注意:这里我们需要点击下载,下载对应的zip压缩文件并解压,而不是直接用克隆的方式到本地,因为这样可以更方便的上

玩转MCP第一弹|手把手教你将 Figma 设计稿转化为前端代码

资料来源:火山引擎-开发者社区 明明听说 Trae 的 的模型上下文协议(MCP) 功能超实用,却陷入 “不知从何下手” 的迷茫?别担心!我们将开启 “玩转 MCP” 的系列内容,手把手教你使用 Trae IDE 借助 MCP 轻松实现多样化的开发需求! 本期,我们将

【前端】使用Vue3过程中遇到加载无效设置点击方法提示不存在的情况,原来是少加了一个属性

🌹欢迎来到《小5讲堂》🌹 🌹这是《前端》系列文章,每篇文章将以博主理解的角度展开讲解。🌹 🌹温馨提示:博主能力有限,理解水平有限,若有不对之处望指正!🌹 目录 前言 提示报错 问题分析 1. **Options A

vue2使用rtsp视频流接入海康威视摄像头(纯前端)

一.获取海康威视rtsp视频流海康威视官方的RTSP最新取流格式如下:rtsp://用户名:密码@IP:554/Streaming/Channels/101用户名和密码IP就是登陆摄像头时候的IP(笔者这里IP是192.168.1.210)所以笔者的rtsp流地址就是rtsp://用户名:密码@192.168.1.210:554/Streaming/Channels/101二. 测