triumph_passion

本文深入探讨了 Zustand 状态管理的最佳实践，涵盖 Actions 与 State 分离、细粒度 Selector 导出、Immer 简化更新、持久化配置等核心要点。...

本文介绍了 React Hook Form 的状态下沉最佳实践，通过 FormProvider 和 useFormContext 实现组件间状态共享，避免 props dr...

本文详解 Tailwind CSS v4 核心变化与设计实践。重点解析 @theme 指令工作原理，展示如何将 CSS 自定义属性自动转换为实用工具类。提供三种样式复用目录...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

基础概念 Nuxt3: Vue生态系统的最佳上层框架 框架定位 Nuxt3是基于Vue3的现代全栈通用框架，为开发者提供了结构化的开发方案和丰富的功能，大幅提升开发效率和用...

nuxt3.10之后直接使用useFetch封装会出现警告,最佳实践是建议使用`$fetch`封装,`useFetch`和`useAsyncData`只在setup顶层使用...

Nuxt3 数据获取介绍 Nuxt 提供了两个组合函数和一个内置库，用于在浏览器或服务器环境中执行数据获取：useFetch、 useAsyncData 和 $fetch。...

常见样式体系包括CSS预处理器、CSS-in-JS、CSS Modules、原子化CSS（如Tailwind）、PostCSS、BEM、Functional CSS、Sco...

工程化、规范化是为了解决什么问题？ 什么是项目规范化？ 定义和意义 项目规范化是确保团队在项目开发过程中遵循统一的技术、风格、结构及代码质量标准。 项目规范化的目的是提高项...

HTML部分 如何理解HTML语义化？ 让人更容易读懂（增加代码可读性） 让搜索引擎更容易读懂（SEO) 默认情况下，哪些HTML标签是块级元素、哪些是内联元素？CSS部分...

联合类型 交叉类型 泛型 extends 继承 约束泛型 条件类型推导 Infer 用来推到类型，和extends一起使用...

浏览器如何渲染页面？ 渲染时间点 渲染流水线 当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给染主线程的消息队列。 在事件循环机制的作用下，渲染主...

事件循环又叫消息循环，是浏览器渲染主线程的工作方式。 在 Chrome 的源码中，它开启一个不会结束的 for 循环，每次循环从消息队列中取出第一个任务执行，其它线程只需要...