标签:前端开发

共 167 篇文章

React Server Actions在表单提交中的使用模式

React Server Actions 在表单提交中的使用模式 React Server Actions 允许你在服务端直接运行函数,而无需手动创建 API 路由。这种方式极大地

# React # Next.js # 表单提交
2026-05-05 158 0

React taintObjectReference标记不可序列化对象的安全边界

React taintObjectReference标记不可序列化对象的安全边界 React 19 引入了 taintObjectReference API,旨在构建一道坚固的安全

# React19 # 数据安全 # 服务器组件
2026-05-05 133 0

JavaScript Set.prototype.difference集合差集运算

JavaScript Set.prototype.difference集合差集运算 JavaScript 的 Set.prototype.difference 方法用于计算两个集合

# JS编程 # Set对象 # 集合差集
2026-05-05 129 0

TypeScript泛型约束中的extends与=默认值的组合使用

TypeScript泛型约束中的extends与=默认值的组合使用 TypeScript 中的泛型是构建可复用组件的核心工具,而 extends 约束与 = 默认值的组合使用,则是

# TypeScript # 泛型 # 类型约束
2026-05-04 172 0

Vue的v-for与v-if同时使用为什么会有性能问题

Vue的vfor与vif同时使用为什么会有性能问题 在Vue开发中,将 vfor 和 vif 放在同一个元素上使用是一个常见的误区。这种写法虽然在某些简单场景下看起来能正常工作,但

# Vue.js # 性能优化 # v-for
2026-05-04 139 0

React useSyncExternalStore订阅外部数据源保持一致性

React useSyncExternalStore订阅外部数据源保持一致性 React 18 引入了并发特性,允许 React 中断、恢复或放弃渲染。如果在组件渲染过程中读取了外

# React # React18 # 外部数据源
2026-05-04 162 0

TypeScript泛型约束中的keyof T与T[K]的组合使用

TypeScript泛型约束中的keyof T与TK的组合使用 TypeScript 的泛型非常强大,但许多开发者在处理对象属性时,经常会遇到类型无法自动推断或报错的情况。要解决这

# 泛型 # 类型约束 # 索引类型
2026-05-04 163 0

JavaScript 模块循环依赖时变量值为undefined的问题

JavaScript 模块循环依赖时变量值为 undefined 的问题 JavaScript 开发中,当模块 A 依赖模块 B,同时模块 B 又依赖模块 A 时,会形成循环依赖。

# 前端开发 # 循环依赖 # 模块化
2026-05-03 150 0

Vue中的Scoped CSS为什么有时候不生效

Vue中的Scoped CSS为什么有时候不生效 Vue 的 Scoped CSS 通过在 DOM 元素和 CSS 选择器上添加唯一的哈希属性(如 datavf3f3eg9)来实现

# Vue # Scoped样式 # 深度选择器
2026-05-03 260 0

JavaScript structuredClone深拷贝与JSON序列化的区别

JavaScript structuredClone深拷贝与JSON序列化的区别 在JavaScript开发中,经常需要复制一个对象。如果直接赋值,只是复制了引用,修改新对象会影响

# 深拷贝 # JSON序列化 # 结构化克隆
2026-05-02 143 0

Vue3 markRaw标记对象跳过响应式代理提升性能

Vue3 markRaw标记对象跳过响应式代理提升性能 Vue3 的响应式系统基于 Proxy 构建,能自动追踪依赖并在数据变化时触发视图更新。但在处理一些只读、庞大或第三方库对象

# Vue3 # markRaw # 响应式
2026-05-02 178 0

TypeScript分布式条件类型在联合类型上的展开行为

TypeScript分布式条件类型在联合类型上的展开行为 TypeScript 中的条件类型在处理联合类型时,存在一种被称为“分布式条件类型”的特殊机制。理解这一机制对于编写复杂的

# TS # 前端开发 # 类型系统
2026-05-01 178 0

Vue3 useTemplateRef获取模板引用的组合式API

Vue3 useTemplateRef获取模板引用的组合式API Vue 3.5 版本引入了 useTemplateRef API,它提供了一种更符合直觉且类型安全的方式来获取 D

# Vue3 # 模板引用 # 组合式API
2026-05-01 179 0

React Context频繁更新导致子组件全部重新渲染的优化

React Context频繁更新导致子组件全部重新渲染的优化 React Context 是一个强大的状态管理工具,但只要 Context 中的值发生微小变化,所有消费该 Con

# ReactContext # 性能优化 # 组件渲染
2026-05-01 185 0

React useImperativeHandle自定义暴露给父组件的实例方法

React useImperativeHandle自定义暴露给父组件的实例方法 在 React 开发中,父组件与子组件的交互通常通过 props 传递数据或回调函数完成。但在某些特

# React # 前端开发 # 组件通信
2026-05-01 163 0

TypeScript泛型接口中的类型参数默认推断

TypeScript泛型接口中的类型参数默认推断 TypeScript 在泛型接口中引入了类型参数默认值,这允许我们在不显式指定类型参数的情况下,让编译器自动推断或回退到预设类型。

# TS # 泛型 # 接口
2026-04-30 184 0

React forwardRef转发ref到子组件DOM元素的用法

React forwardRef转发ref到子组件DOM元素的用法 在 React 组件开发中,父组件默认无法直接获取子组件内部的 DOM 元素(如 input、button 或

# React # ref转发 # React组件
2026-04-30 158 0

React Fiber架构为什么能实现可中断渲染

React Fiber架构为什么能实现可中断渲染 React 16 之前的版本使用“栈协调器”,渲染过程像是一次过山车,一旦开始就必须跑完全程。如果组件树很深,主线程会被长时间占用

# ReactFiber # 可中断渲染 # 前端开发
2026-04-29 174 0

Vue3 defineSlots类型化插槽的TypeScript支持

Vue3 defineSlots类型化插槽的TypeScript支持 在 Vue 3.3+ 版本中,defineSlots 宏的引入为组件插槽带来了完整的 TypeScript 类

# Vue3 # TypeScript # defineSlots
2026-04-29 179 0

React ErrorBoundary为什么捕获不了异步错误

React ErrorBoundary为什么捕获不了异步错误 在使用 React 开发应用时,ErrorBoundary 是处理组件崩溃、防止白屏的最后一道防线。但在实际项目中,你

# React # 错误边界 # 异步错误
2026-04-29 172 0