前端

React-Ref

1. React中获取元素的方式 原生DOM(不推荐) 通过ref获取(推荐) 字符串 对象 回调函数 #gatsby-focus-wrapper 原生DOM获取元素(不推荐) 非常非常不推荐,因为这种情况是通过拿到真实DOM,而react创建元素大多数时候是通过虚拟DOM创建的

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

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

使用 Trae IDE 一键将 Figma 转为前端代码

在现代前端开发中,从设计稿到可用页面的交付往往需要大量重复劳动:切图、手写样式、布局调整……而借助 MCP Server - Figma AI Bridge,我们可以将 Figma 设计稿自动转换成整洁的 HTML/CSS/JS 代码,并立即生成可预览的网页。一键化、傻瓜式操作,让设计交付效率跃升。本文测试使用的系统环境如下&#

【Docker】Docker基础

目录Docker简介什么是虚拟化、容器化案例为什么要虚拟化、容器化?虚拟化实现方式应用程序执行环境分层虚拟化常见类别虚拟机容器JVM之类的虚拟机常见虚拟化实现主机虚拟化(虚拟机)实现容器虚拟化实现容器虚拟化实现原理容器虚拟化基础之NameSpaceNameSpace空间隔离实战基础知识实战操作一(PID隔离)实战操作二(Mount隔离&#xf

H5跳转微信小程序

这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 <!--pages/webview/webview.wxml--> <web-view src="https://abc.com/#/home"></web-view> Tips: 微信页面 webview 组件 个人小程序不支持 abc.com 域名要加到小程序合法域名

创建自定义的 Angular 模块

在之前的一篇文章中,我们知道,从组件的角度看,一个 Angular 应用可以看作是按树形结构组织的组件集合。组件树的根结点,是主组件,作为全局组件的占位符,可以包含其他功能组件及其子组件。 在 Angular 应用中,一个组件会承担一个应用功能的一部分职责。换句话说,一个应用功能会分解为若干个组件共同去完成。基于组件去管理 Angular 应用,如果业务复杂,组件过多,粒度会显得过细,难于管理。

【Web】RCTF 2025 wp(随便看看

随便看看目录photographerRootKBAuthmaybe_easyphotographer看到要求Auth::type()小于0才能拿到flag而$user['type']是从findById里取出来的findById是个左联查询,返回的不只是user的信息,还有photo的信息题目用的是SQLITE3_ASSOC模式,也就是返回

Webpack to Vite踩坑指北

前言     最近一直在看vite的源码(传送),恰逢公司的项目使用的是webpack,正好借此机会做下迁移,并将该过程记录。当前项目使用webpack+vue2 对比     这里挑选了一个比较复杂的路由页面,分别使用vite和webpack启动,记录从npm run start到页面加载的耗时     vite     webpack 基础改造     packag