前端开发
<script> 的 defer 和 async 的区别
非常好的问题 👍 这是前端性能优化和脚本加载机制里非常关键的点。 我们来彻底讲清楚—— 的 和 的区别、执行顺序、应用场景👇 --- 🧩 一、基础：浏览器加载 时发生了什么？ 默认情况下，浏览器在加载 HTML 时遇到 会： 暂停 HTML 解析 开始下载脚本 下载完成后立即执行 执行完后再继续解析 HTML 所...
Knight
无效日期
所有文章
共 58 篇文章
前端开发
nextjs错误样式
tsx "use client" import { useEffect } from "react" import { CloseCircleIcon ,Button} from "@imoo/ui-client" import Link from "next/link" export default function...
Knight
无效日期
前端开发
React Diff（Reconciliation）深度解读 — 详尽博文（含原理、代码、陷阱、调优与实战
React Diff（Reconciliation）深度解读 — 详尽博文（含原理、代码、陷阱、调优与实战） 作者注：本文适合进阶前端工程师或框架爱好者。把理论 + 可运行示例 + 调试方法都写清楚，读完你应该能把常见的性能问题定位并修复。 --- 导读（一句话总结） React 的 Diff 不只是“比较两个虚拟 D...
Knight
无效日期
前端开发
React 19 useActionState
是 React 19 全新推出的一个 Hook，和 、 一样，属于 React 新的 异步 UI 与数据交互增强体系。 --- 🚀 React 19 新特性详解： —— 更优雅的异步表单与状态管理 一、 是什么？ 在传统 React 中，我们在处理表单提交或异步操作（比如登录、注册、评论提交）时，需要手动管理： 提交...
Knight
无效日期
前端开发
React 18 useTransition
是 React 18 引入、在 React 19 中继续强化的一个 并发特性 Hook。 它主要用于 在用户交互触发的更新中，区分紧急（urgent）更新与非紧急（transition）更新，从而优化渲染性能、避免界面卡顿。 下面我会从原理、语法、使用场景、实例代码、React 19 的增强几个方面，写成你可以直接放博...
Knight
无效日期
前端开发
React 组件重复渲染问题解决指南
React 组件重复渲染问题解决指南 📖 前言 在开发 React 应用时，我们经常会遇到组件意外地重复渲染多次的问题，这不仅会影响性能，还会在控制台产生大量调试日志。本文将通过一个真实的电商产品页面案例，详细讲解如何识别、分析和解决组件重复渲染问题。 🔍 问题发现 问题现象 在我们的产品详情页面中，发现了以下问题...
Knight
无效日期
![[Next.js篇]一篇让小白也能看懂的「并行路由」指南](/_next/image?url=https%3A%2F%2Fwww.baozangtuku.com%2Fd%2Ffile%2Fp%2F20250811%2Fsmall19e41c8c1b598846a0ae302340011445.jpg&w=3840&q=75)
前端开发
[Next.js篇]一篇让小白也能看懂的「并行路由」指南
一篇让小白也能看懂的「并行路由」指南 把“一个页面同时加载多个子页面”变成搭积木一样简单。 --- 📌 先记住两句话 文件夹名前面加 → 这就是一个“槽位(slot)”。 父级 layout 里用 → 把槽位当成组件渲染。 --- 🧩 什么是并行路由？ 想象页面是一块 拼图板，每个 文件夹就是一块 独立的拼图： 并...
Knight
无效日期
![[Next.js篇]一篇让小白也能看懂的 Next.js 路由字典](/_next/image?url=https%3A%2F%2Fwww.baozangtuku.com%2Fd%2Ffile%2Fp%2F20250710%2Fsmall9ea3be855abdb774d430e66852ab429b.jpg&w=3840&q=75)
前端开发
[Next.js篇]一篇让小白也能看懂的 Next.js 路由字典
一篇让小白也能看懂的 Next.js 路由字典 “原来文件名就是网址！”——看完这一篇，你就再也不会写错路由。 --- 📌 先记住一句话 在 Next.js App Router 里： 文件夹名 = 网址段，文件名 = 特殊功能，方括号 = 参数，双层方括号 = 可省略参数。 --- 🗂️ 目录总览 | 场景 |...
Knight
无效日期
![[Next.js篇] Next.js 跳转全家桶：redirect、permanentRedirect、NextResponse.redirect 与更多](/_next/image?url=https%3A%2F%2Fpic.netbian.com%2Fuploads%2Fallimg%2F250819%2F155850-17555903305b13.jpg&w=3840&q=75)
前端开发
[Next.js篇] Next.js 跳转全家桶：redirect、permanentRedirect、NextResponse.redirect 与更多
Next.js 跳转全家桶：redirect、permanentRedirect、NextResponse.redirect 与更多 在 Next.js（App Router）里，「跳转」并不是只有一把钥匙。 不同的 API 在「运行位置、HTTP 状态码、SEO 语义、回退行为」上差异巨大。 本文把官方 4 种写法...
Knight
无效日期