爱学习的聪酱

静态导出SSG Next.js 支持静态站点生成（SSG，Static Site Generation），可以在构建时预先生成所有页面的静态 HTML 文件。这种方式特别适...

过去一年，我主要参与国际机票业务的开发工作，因此每天都要和多语言（i18n）打交道。熟悉我的朋友都知道，我这个人比较“惜力”(并不是，实际上只是忍不下去了)，那一起来看看我...

font字体 next/font模块，内置了字体优化功能，其目的是防止CLS布局偏移。font模块主要分为两部分，一部分是内置的Google Fonts字体，另一部分是本地...

Script组件 Next.js允许我们使用Script组件去加载js脚本(外部/本地脚本)，并且他还对Script组件进行优化。 基本使用 局部引入 src/app/ho...

Image组件 该组件是Next.js内置的图片组件，是基于原生img标签进行扩展，并不代表原生img标签不能使用。 尺寸优化：支持使用现代化图片格式，如webp，avif...

AI 正深度重塑程序行业：编码从核心技能转为辅助手段，程序员角色升维为“问题架构师”。职业重心转向定义问题、设计系统、驾驭AI工具。教育、团队协作与企业流程全面重构。未来属...

缓存策略(Cache Strategies) 缓存策略分两种： 未启用缓存组件: 确保cacheComponents配置为false或者不配置。 src/app/home/...

RSC(React Server Components) RSC(服务器组件)是React19正式引入的一种新的组件类型，它可以在服务器端渲染，也可以在客户端渲染。 像传统...

AI Vercel提供了AI SDK，可以让我们在Next.js中轻松集成AI功能。AI SDK 官网 安装AI-SDK 这儿我们使用deepseek作为AI模型，@ai-...

开始使用 Next.js 欢迎来到 Next.js 学习之旅！本教程将带你从零开始创建你的第一个 Next.js 应用。 我们所学的版本是16.0.1 什么是 Next.j...

当我们谈论 Vite 的 “快”，很多人会联想到它基于浏览器原生 ESM 的开发模式。但具体到实现层面，Vite 是如何处理模块加载、解析单文件组件的？结合这段简易的 Vi...

如何在nodejs定义全局变量呢？ 在nodejs中使用global定义全局变量，定义的变量，可以在引入的文件中也可以访问到该变量，例如a.js global.xxx = ...

HOC(Higher Order Component) 高阶组件 什么是高阶组件？ 高阶组件就是一个组件，它接受另一个组件作为参数，并返回一个新的组件，（如果你学过Vue的...

订阅 zustand 的 subscribe，可以订阅一个状态，当状态变化时，会触发回调函数。 订阅一个状态 只要store 的 state 发生变化，就会触发回调函数，另...

中间件 zustand 的中间件是用于在状态管理过程中添加额外逻辑的工具。它们可以用于日志记录、性能监控、数据持久化、异步操作等。 自定义编写中间件 我们实现一个简易的日志...

状态简化 回忆一下我们在使用zustand时，是这样引入状态的(如下),通过解构的方式引入状态，但是这样引入会引发一个问题，例如A组件用到了 hobby.basketbal...

状态处理 在上一章我们讲了，Zustand会合并第一层的state，但是如果深层次应该如何处理呢 来吧演示 首先创建一个葫芦娃，葫芦娃有七个娃，每个娃都有自己的状态，我们可...

Zustand Zustand是德语单词，意思是“状态”。中文空耳 猝死丹特,基本上每一个框架都会有自己的状态管理工具，比如 Vue 的 Vuex，React 的 Redu...