kuiini的博客

React API与Hooks核心功能摘要 React提供了一套完整的API体系，主要包括： 核心API - 创建组件(React.Component/PureComponent)、元素(React.createElement)、片段(React.Fragment)等； Hooks API - 状态管理(useState/useReducer)、副作用(useEffect)、性能优化(useMemo/useCallback)等； 辅助工具 - 克隆元素(React.cloneElement)、验证元素(Re

JSX是React的核心语法扩展，用于在JavaScript中书写HTML/XML结构。它遵循特定规则：组件名必须大写、标签必须闭合、使用className代替class、属性名采用camelCase命名。JSX可通过{}插入JavaScript表达式，支持条件渲染和列表渲染，最终会被转译为React.createElement调用。 React组件是可复用的UI单元，本质上是返回JSX的函数。组件名称必须大写开头，建议每个组件单独文件组织。组件可复用且相互独立。 状态(State)是组件的记忆机制，通过u

Vite插件系统为开发者提供了强大的扩展能力，支持源码转换、虚拟模块注入、开发服务器修改等。插件通过生命周期钩子（如config、transform）实现功能，可通过enforce控制执行顺序。文章介绍了插件开发基础、运行时阶段、调试技巧，并推荐了常用插件生态（如Vue/React支持插件）。同时详细讲解了unplugin-auto-import插件的自动导入功能，包括Vue/React等框架的API自动引入、类型声明生成和ESLint集成配置，能有效减少重复导入代码。两者结合可显著提升前端开发效率。

Pinia 是一个状态管理库，通过 defineStore() 定义 Store，支持 Option Store 和 Setup Store 两种方式。Option Store 类似于 Vue 的选项式 API，包含 state、getters 和 actions；Setup Store 则类似于组合式 API，使用 ref、computed 和函数来定义状态和逻辑。Store 实例通过 useStore() 创建，且需使用 storeToRefs() 保持解构后的响应性。Pinia 提供了 TypeScr

本文介绍了 Vue.js 组件的基础知识和模板语法。首先，Vue 组件通常定义在单文件组件（SFC）中，通过 <script setup> 语法简化了组件的定义和使用。父组件可以通过导入子组件来使用它，并且组件可以多次重用，每次使用都会创建一个新的实例。父组件可以通过 props 向子组件传递数据，子组件则可以通过 $emit 方法向父组件发送事件。插槽（<slot>）允许父组件向子组件传递内容，动态组件则可以在多个组件之间切换。在模板语法部分，文本插值使用双大括号绑定数据，v-ht

深圳技术大学官网效果.remix