好记性不如烂笔头

clsx定义 clsx是一个轻量级的实用库，用于管理CSS类的应用。 clsx使用示例： 字符串-简单拼接 对象-条件类名 数组 字符串模板替换 Next.js中使用clsx的例子：

SEO策略 1、自动处理元数据(Meta Data) 元数据，如<title>和<meta>标签，Next.js通过next/head组件，自动为每个页面添加元数据，并且允许开发者自定义页面的元数据。

Next.js的缓存机制概览 扩展的 fetch API：Next.js 扩展了标准的 Web fetch API，允许通过参数控制缓存行为 unstable_cache 函数：专为缓存数据获取函数设

一、客户端组件 在 Next.js 中，客户端组件（Client Components）是为处理动态交互和运行时 JavaScript 提供的组件类型，与服务端组件（Server Components

getStaticProps(静态页面生成SSG)：构建的时候生成页面 getStaticPaths(静态页面生成SSG)：根据构建内容生成动态路由 getServerSideprops(服务端渲染S

指标优化有哪些 指标的标准 FCP---2S内 LCP---2.5S内 （代表页面的速度指标） FID---100ms内 （代表页面的交互体验指标） CLS---0.1 （代表页面的稳定指标） 如何获

一：React核心概念 React的特点 声明式编程、组件化、虚拟DOM、单向数据流、支持服务端渲染 JSX本质 JSX是语法糖，通过Babel编译为React.createElement调用，最终生

ReactDOM.createRoot(root).render()做了什么？？ 调用了createRoot方法,在这个方法中做了些判定:是否是合法的容器,对不合法的容器做了一些警告提示;判断根容器是

动态路由 1.1 [folderName] 使用动态路由，需要将文件夹的名字用方括号括住，比如 [id]、[slug]。这个路由的名字会作为 params prop 传给布局、 页面、 路由处理程序