小满zs-CSDN博客

原创 Go语言第九章(错误处理)

Go 没有 try/catch，区分业务错误与程序错误。业务错误为可预期失败，通过返回`error`接口告知调用方，函数可正常结束，后续代码能够继续执行，调用方用`if err != nil`处理。程序错误属于不可恢复异常，使用`panic`触发，会中断当前执行路径，若无处理直接造成进程崩溃。

2026-08-21 05:48:08 306

Go函数摘要 Go函数是可复用的带名代码块，通过func定义，支持多返回值和错误处理。关键点：定义：func 函数名(参数) 返回值，返回值可命名特性：按值传递参数支持多返回值（常用于错误处理）通过error接口处理异常，无try/catch 特殊函数：匿名函数：可立即执行或赋值给变量泛型函数：Go 1.18+支持类型参数[T 约束] defer函数：延迟执行，常用于资源清理错误处理：通过返回error值，调用方需显式检查if err != nil 注意事项：函数内不能定义具名函数匿名函

2026-08-10 22:38:28 266

原创 Go语言第七章(Map)

Go‑Map 是无序键值对引用集合，零值为 nil，nil‑map 仅可读、写入会崩溃；键需支持比较，切片、map、函数不可作为键，值类型不受限。可通过字面量、make 初始化，make 能够预设预估容量优化性能。支持读写、delete 删除、len 获取键值对数；借助 ok 返回值区分键缺失和数值等于零值；range 遍历顺序随机。map 属于引用类型，函数内修改底层数据对外生效，重赋值仅改动局部变量；它并不支持并发安全，文末附带五道实操练习题。

2026-08-08 14:39:07 231

原创 Go语言第六章(结构体)

本文系统讲解了 Go 语言中结构体的定义与实操。结构体作为复合数据类型，通过 type 与 struct 关键字将不同类型数据组合以描述复杂对象。文中涵盖了字面量初始化、指针形式访问及自动解引用等基础操作，并对比了结构体嵌套（有名组合）与嵌入（匿名字段实现能力提升）的区别。此外，文章深入探讨了值接收者与指针接收者在方法定义中的应用场景，并介绍了匿名结构体及 Go 1.18 引入的泛型结构体，为开发者提供了全面的结构体使用指南。

2026-08-05 17:36:23 287

原创 Go语言第五章(数组和切片)

详细介绍了 Go 语言中数组与切片的核心概念、操作方法及区别。数组长度固定，是值类型；切片则是可变长度的引用类型，在开发中更常用。文中涵盖了数组与切片的声明语法（如 [5]int 与 []int）、基于下标的读写、以及 len 与 cap 的使用。重点讲解了切片的截取（左闭右开区间）与元素追加：包括利用 append 实现尾部追加，以及通过切片组合与 ... 操作符实现的前置追加和中间插入（前半段 + 新元素 + 后半段）。最后通过对比表和作业，巩固了两者在传递方式及应用场景上的差异。

2026-08-04 11:15:58 270

原创 Go语言第四章(类型转换)

本文讲解 Go 语言基础类型转换，分为数值互转、数字与字符串互转、布尔与字符串互转三大部分。数值类型可直接通过对应类型函数完成转换，浮点转整型会直接舍弃小数；数字和字符串转换依赖 strconv 标准库，Itoa、Atoi 实现整数与字符串互转，ParseBool、FormatBool 负责布尔值和字符串互相解析。文中给出完整可运行代码示例，说明各转换函数用法、返回值与识别规则，文末配套五道分层实操作业，覆盖纯数值、数字字符串运算、布尔解析、浮点价格综合计算等场景，巩固各类类型转换实操能力。

2026-08-01 05:51:55 263

原创 Go语言第三章(五谷轮回)

本文为 Go 语言基础流程控制教程，先讲解分支判断：if-else 双分支、多 else if 多分支，匹配固定值优先用 switch，Go 的 switch 无需 break；支持 if 嵌套与 &&、||、! 三类逻辑运算符，并配套对应实操作业。再讲解循环：Go 仅 for 循环，分三段式、类 while、无限循环三种形态，range 可便捷遍历切片、map、字符串；break 跳出循环、continue 跳过单次，标签可控制多层循环跳转，goto 少用。搭配多道循环实操题，覆盖偶数打印、map 遍历求

2026-07-26 01:08:02 217

原创 Go语言第二章(小无相功)

本文系统讲解 Go 八大核心数据类型，涵盖字符串拼接、各类整数与浮点数取值范围、布尔值用途；对比固定数组与可变切片差异，介绍 map 键值增删查判操作，讲解结构体封装实体、接口实现多态的核心逻辑，配套完整示例与实操作业，适合新手系统掌握 Go 基础数据结构。

2026-07-03 17:53:30 282

原创 Go语言第一章(入门)

摘要：Go语言是Google开发的静态编译型语言，以简洁高效著称。其特点包括原生轻量级并发(goroutine)、自动内存管理、快速编译和跨平台支持。安装Go只需下载官方安装包并配置环境变量，推荐使用VS Code编辑器。学习Go语言优势明显：就业需求大(云原生/区块链方向)、薪资竞争力强、语法简洁易学，适合转行后端或全栈开发。入门示例展示了基础结构：package main定义入口，import导入依赖包，func main()为程序入口函数。通过修改"Hello World"示例可快速验证环境配置。该语

2026-07-02 11:31:40 387 3

原创我在高德 AI 发布会现场，看见了“空间智能”真正落地的一次尝试

高德开放平台发布空间智能战略，推动导航服务从"响应式"升级为"预见式"。通过构建"空间感知-智能决策-场景服务"体系，高德解决了AI应用中数据不可信、流程不可控、结果难验证三大痛点。其核心创新包括：数据溯源系统确保信息可靠性，任务流拆解实现流程可视化，以及建立结果验证机制。同时推出的SKILL体系为开发者提供"空间智能应用商店"，并与AR设备厂商合作实现"视野直达"导航。此次升级标志着高德正从地图服务商转型为空间智能基础设施提供商，致力于将AI能力真正落地到商业场景中。

2026-05-18 11:47:34 579

原创 Next.js部署(Vercel)

Vercel部署Next.js应用指南 Vercel是与Next.js同源的云部署平台，提供边缘网络加速、自动HTTPS、Git集成等特性。部署流程包括：1)登录Vercel官网；2)全局安装Vercel CLI；3)连接项目并创建PostgreSQL数据库；4)配置环境变量；5)执行Prisma迁移和生成命令；6)运行部署命令完成上线。注意免费套餐每月100GB流量限制，且国内访问可能需要代理。部署成功后可通过vercel.app子域名访问测试。

2026-05-13 12:52:15 529

原创 Next.js身份验证(better-auth)

Better Auth 是一个开箱即用的身份认证解决方案，支持多种认证方式和第三方登录（如邮箱、OAuth、JWT等），兼容主流数据库和框架（如Next.js、React等）。集成步骤包括：安装依赖、配置环境变量、创建Prisma客户端、生成数据表、设置路由处理程序和客户端实例。通过简单的API调用即可实现邮箱密码登录等功能，开发者只需专注于业务逻辑。官网地址：https://better-auth.com/docs/adapters/mongo

2026-05-09 08:19:24 543

原创 Next.js精通SEO第四章(JSON-LD + web vitals)

本文介绍了两种提升网页SEO和用户体验的技术方案： JSON-LD结构化数据用于帮助搜索引擎理解页面内容实体（商品、文章等）在Next.js中通过<script type="application/ld+json">标签注入包含基础结构说明、安全处理和类型检查建议推荐使用schema.org标准并验证数据有效性 Web Vitals性能指标 Google提出的核心用户体验指标：LCP、INP、CLS 分别衡量加载速度、交互响应和视觉稳定性提供各指标的性能阈值和评估方

2026-05-05 06:33:03 856

原创 Next.js精通SEO第三章(TDK + OG)

SEO元数据配置指南本文介绍了TDK（Title、Description、Keywords）在Next.js中的配置方法及其SEO优化作用。重点内容包括： TDK核心作用： Title直接影响点击率，需简洁准确 Description作为搜索结果摘要，应概括页面价值 Keywords权重虽低但仍需规范填写 Next.js配置方式：通过metadata对象静态配置使用generateMetadata函数实现动态配置支持层级继承和覆盖机制进阶应用： Open Graph协议配置社交媒体分享效果动态路

2026-04-27 03:21:11 542 1

原创 Next.js精通SEO第二章(robots.txt + sitemap.xml)

文章摘要： robots.txt和sitemap.xml是网站SEO优化的两个重要工具。robots.txt通过User-agent、Disallow等参数控制搜索引擎爬虫的访问权限，可以指定允许/禁止抓取的页面路径和抓取频率。sitemap.xml则主动向搜索引擎提供希望被索引的页面URL，帮助爬虫发现网站内容，尤其适合新站或深层级页面。两者配合使用能有效管理搜索引擎对网站的抓取行为。在Next.js中可通过robots.ts和sitemap.ts文件轻松配置这两个功能。

2026-04-20 19:18:07 634

原创 Next.js精通SEO第一章(引言)

SEO(Search Engine Optimization)，即搜索引擎优化，是一种通过优化网站结构和内容，提高网站在搜索引擎中的排名，从而吸引更多流量和用户的策略。

2026-04-15 17:00:57 593

原创 Next.js第二十五章(CSS方案)

Next.js CSS方案摘要 Next.js提供多种CSS方案选择：1) Tailwind CSS（推荐）通过原子类快速开发；2) CSS Modules实现模块化样式；3) 内置Sass支持（需安装依赖）；4) 全局CSS通过globals.css文件；5) 内联Style样式；6) CSS-in-JS如styled-components（需额外配置）。Tailwind CSS可通过npx create-next-app初始化或后续安装集成，提供自动补全工具类。CSS Modules通过.module.

2026-02-02 06:01:43 901

原创 Next.js第二十四章(Prisma)

ORM框架与Prisma实践摘要： ORM框架简化了数据库操作，将面向对象代码转换为SQL语句。本文介绍了Prisma ORM框架(7.3.0版本)与PostgreSQL数据库的集成方案。内容包括： PostgreSQL安装方式（官网下载/Docker部署） Prisma环境配置步骤 Schema文件定义模型关系数据库迁移与客户端生成基本CRUD操作实现重点说明了模型关联(@relation)、约束条件(@unique)等注解的使用，以及如何配置PostgreSQL连接。Prisma提供了类型安全且

2026-01-29 08:42:32 1204

原创 Next.js第二十三章(Next配置文件)

本文介绍了Next.js配置文件中常用的一些配置项。主要内容包括：根据不同环境(开发/生产)进行差异化配置的方法；如何设置端口号和静态导出站点；配置远程图片加载和图片优化选项；自定义HTTP响应头(如CORS)；设置静态资源CDN前缀和应用基础路径。这些配置涵盖了Next.js项目中50%以上的常见需求，通过next.config.js文件可以灵活控制应用的行为和特性。文中提供了详细代码示例和官方文档参考链接，帮助开发者快速掌握核心配置技巧。

2026-01-25 06:14:48 841

原创 Next.js第二十二章(国际化)

本文介绍了Next.js的国际化(i18n)实现方案。i18n名称来源于"internationalization"中18个字母的缩写。文章详细解释了语言(language)和地区(territory)的ISO标准表示方法(如en-US、zh-CN)，并提供了相关速查表链接。实现原理是通过解析HTTP头中的Accept-Language字段，使用negotiator和intl-localematcher库匹配最佳语言。文中包含完整的代理函数代码示例，展示了如何根据用户语言偏好进行路由重定

2026-01-19 05:33:18 881

原创 Next.js第二十一章(环境变量)

本文介绍了环境变量的基本概念、查询和设置方法，以及在不同操作系统下的使用差异。重点讲解了如何在项目中应用环境变量，包括通过npm脚本设置、使用cross-env解决跨平台问题，以及最佳实践中的.env文件管理方案。通过Next.js示例展示了如何根据开发和生产环境自动加载不同配置，实现环境变量的高效管理。这些方法能帮助开发者灵活处理不同环境下的配置需求，提升项目部署效率。

2026-01-12 21:01:21 890

原创 Next.js第二十章(MDX)

MDX：Markdown与React的完美结合 MDX是一种融合Markdown语法和React组件的技术，让技术文档和博客编写更加灵活高效。文章详细介绍了MDX的配置与使用方法：安装配置：通过npm安装必要依赖，配置next.config.js启用MDX支持基础使用：支持标准Markdown语法、React组件和HTML标签混合编写高级功能：引入自定义React组件实现复杂交互通过mdx-components.tsx全局修改样式支持远程加载MDX文件内容 MDX特别适合Next.js项目，结合

2026-01-05 18:04:51 437

原创 Next.js第十九章(服务器函数)

服务器函数(Server Actions)简化了表单处理流程，无需手动编写API接口即可直接操作数据库。通过扩展HTML表单的action属性绑定服务器函数，自动接收FormData数据。使用bind方法可传递额外参数，结合Zod库实现数据验证，并通过useActionState管理状态。相比传统方式（需前端发起请求→API路由处理→数据库操作），服务器函数直接在服务端完成数据处理，大幅简化开发流程。示例展示了登录表单的实现，包括参数传递、数据验证和状态反馈功能。

2026-01-01 11:13:58 1024

原创 2025年终总结

核心聚焦在代码编写与技术学习，每日保持8小时的高强度学习，涵盖前沿框架（如Hono.js）及SEO全栈知识（黑帽/白帽优化、Google工具链）。未来将重点转向Go语言，结合对混合型人才趋势的判断，计划完成当前Next.js项目后系统化学习Go。同步探索Godot引擎，目标一年内开发独立游戏并上架Steam。筹备短剧拍摄小号，策划《程序员真实故事》等系列，运用蒙太奇和希区柯克变焦等影视手法。坚持“传递知识很酷”的理念，通过视频与教程输出技术见解。

2025-12-31 17:04:47 862 4

原创 Next.js第十八章(静态导出SSG)

Next.js静态导出(SSG)功能详解：本文介绍了Next.js中静态站点生成(SSG)的配置方法，包括如何设置静态导出(output: 'export')、处理动态路由(generateStaticParams)、解决页面跳转问题(trailingSlash)以及图片优化方案。文章还列出了SSG模式下不支持的Next.js功能，如动态路由、Cookies、重定向等。通过示例代码展示了如何配置next.config.js、使用自定义图片loader实现图床托管，帮助开发者快速构建高性能静态站点。

2025-12-29 17:07:16 749

原创 Next.js第十七章(Script脚本)

Next.js的Script组件提供了灵活的脚本加载方案，支持局部/全局引入、多种加载策略和内联脚本。通过strategy属性可控制加载时机（beforeInteractive/afterInteractive/lazyOnload/worker），并支持onLoad/onReady/onError事件监听。组件会自动优化脚本加载，实现缓存和按需加载，同时支持直接编写或dangerouslySetInnerHTML方式的内联脚本。注意客户端组件需使用'use client'声明。

2025-12-27 06:10:06 599

原创 Next.js第十六章(font)

Next.js的font模块优化字体加载，包含Google字体和本地字体两种方式。Google字体在构建时下载到本地，支持可变字体调整粗细和样式；本地字体通过src属性指定文件路径。模块提供多种显示策略（swap/fallback等）防止布局偏移，并支持配置字体粗细、样式等属性。使用时只需引入对应字体并设置className即可应用优化后的字体。

2025-12-27 06:07:31 847

原创 Next.js第十五章(Image)

Next.js的Image组件是优化图片显示的内置解决方案，具有尺寸优化、视觉稳定性、懒加载和灵活性等特点。支持本地图片（通过public目录或import引入）和远程图片（需配置next.config.js）。对于LCP图片需设置loading="eager"或preload属性以避免性能警告。支持自动选择最佳图片格式（如AVIF/WebP），并可通过deviceSizes和imageSizes配置适配不同设备。该组件通过生成srcset属性实现响应式图片加载，区分小尺寸图片（如头像）

2025-12-22 10:19:48 979

原创 Next.js第十四章(缓存策略)

本文介绍了Next.js中的缓存策略，主要分为未启用和启用缓存组件两种情况。未启用缓存时，默认会缓存静态内容，可通过四种方案禁用缓存：1) 使用revalidate设置缓存时间；2) 设置dynamic为force-dynamic；3) fetch时设置cache为no-store；4) 使用动态API。启用缓存组件后，所有组件默认为动态内容，无需额外配置。文章通过代码示例和构建符号说明（○静态、ƒ动态、◐部分预渲染）展示了不同缓存策略的效果，帮助开发者根据需求选择合适的缓存方案。

2025-12-18 08:36:43 651

原创 Next.js第十三章(缓存组件)

Next.js缓存组件(Cache Components)技术解析摘要：Next.js 16引入的Cache Components机制实现了静态内容、动态内容和缓存内容的混合编排。静态内容在构建时预渲染成HTML实现快速加载；动态内容通过Suspense实现按需渲染，并配合Partial Prerendering技术，先返回静态外壳再流式传输动态内容；缓存内容则将动态数据缓存后纳入静态外壳。这种方案既保留了静态页面的加载速度，又具备动态渲染的灵活性，解决了传统方案中静态内容无法实时更新和动态页面加载慢的问

2025-12-14 18:30:14 1189

原创 Next.js第十二章(RSC/服务端组件/客户端组件)

React Server Components (RSC) 是React19引入的新型组件架构，结合了服务器端和客户端渲染的优势。RSC将组件分为服务器组件（处理静态内容）和客户端组件（处理交互功能），通过流式传输JSON格式的RSC Payload实现高效渲染。服务器组件可直接访问Node.js API和数据库，提高安全性并减小bundle体积；客户端组件则支持浏览器交互功能。这种架构支持局部水合、流式加载，显著提升了FCP性能，同时实现了全栈开发能力，但服务器组件无法使用hooks和浏览器API。

2025-12-02 21:52:55 1004

原创 Next.js第十一章(渲染基础概念)

本文介绍了三种网页渲染方式：CSR（客户端渲染）、SSR（服务端渲染）和SSG（静态站点生成）。CSR适合交互性强的应用但首屏加载慢，SSR提升首屏速度和SEO但服务器压力大，SSG则适合静态内容实现极快加载。还解释了Hydration（水合）过程，即JS赋予静态HTML交互能力的关键环节。不同渲染方式各具特点，开发者应根据项目需求（如SEO、加载速度、交互性等）选择合适方案。

2025-11-26 01:52:40 1064

原创 Next.js第十章(Proxy)

Next.js 16将中间件(Middleware)更名为代理(Proxy)，功能保持不变。升级可通过命令行工具转换代码。Proxy代理可用于处理跨域请求、接口转发、限流和鉴权等场景，通过配置文件可指定匹配路径。文章详细介绍了基本用法、配置选项（包括简单和复杂匹配规则），并提供了处理跨域请求的实战案例代码。Proxy会拦截所有请求，但可通过config.matcher精确控制拦截范围。

2025-11-23 21:04:14 839

原创 Next.js第九章(AI)

本文介绍了如何在Next.js中集成AI功能。通过Vercel的AI SDK，可以快速实现AI对话功能。主要内容包括：1) 安装AI-SDK及相关模型(如deepseek)；2) 获取API Key；3) 编写后端API接口处理流式响应；4) 前端使用useChat组件实现对话交互，包含消息发送、自动滚动等功能的实现。文章提供了完整的代码示例，展示了如何构建一个简单的AI智能助手应用。

2025-11-21 21:59:16 1099

原创 Next.js第八章(路由处理程序)

Next.js路由处理程序(Route Handlers)简介：概述：Next.js的路由处理程序允许开发者创建API接口，并与前端组件交互，实现前后端分离开发。主要功能：通过route.ts文件定义API接口支持RESTful规范，可定义GET/POST/PUT/DELETE等方法支持动态路由参数内置cookie操作使用方式： API接口放在api目录下前后端代码需分开存储可使用REST Client测试接口应用场景：实现用户登录/注册接口处理表单数据管理用户会话(cookie)

2025-11-19 20:42:33 1243

原创 Next.js第七章(路由组)

路由组是一种基于文件夹的路由组织方式，使用(groupName)包裹文件夹名即可创建（如(shop)），不影响实际URL路径。它适合按功能或团队模块化路由管理。对于大型项目（如同时包含后台管理系统和门户网站），可通过删除根目录的layout.tsx，在各组目录下单独创建layout.tsx（需包含html和body标签）来实现多根布局，从而隔离不同系统的UI结构。这种方法既能保持项目统一，又能实现逻辑分离。

2025-11-18 13:31:21 603

原创 Next.js第六章(平行路由)

平行路由是Next.js中一种类似Vue路由视图的功能，允许在同一个布局中同时渲染多个页面（如@team、@analytics）。通过文件夹命名约定实现，不影响URL路径。平行路由支持独立加载和错误处理组件，还可嵌套子路由（如@team/setting）。但需注意硬导航刷新可能导致404，需通过default.tsx文件进行兜底处理。平行路由通过props将对应页面注入布局组件，实现多视图同时渲染的效果。

2025-11-18 13:29:43 720

原创 Next.js第五章(动态路由)

动态路由通过方括号[]定义可变路径参数，支持多种灵活配置方式。基本形式如[id]可匹配单个参数（如/shop/123）；[...slug]可捕获多个片段（如/shop/123/456）；[[...slug]]为可选形式，参数可有可无。通过useParams钩子获取参数对象，适用于商品详情等需要动态内容的场景。这些方案使得路由既能处理固定路径，也能灵活适应不同参数组合的需求。

2025-11-17 01:05:43 622

原创 Next.js第四章(路由导航)

Next.js提供四种路由导航方式：1）Link组件，支持预获取和保持滚动位置等功能；2）useRouter Hook用于客户端逻辑跳转；3）redirect函数实现服务端重定向（307状态码）；4）permanentRedirect实现永久重定向（308状态码）。Link适用于常规跳转，useRouter适合编程式导航，redirect/permanentRedirect用于权限验证等场景。注意在Server Actions中默认使用push模式，其他情况下默认replace模式。本文介绍了基本用法和注意

2025-11-12 13:54:21 1031

原创 Next.js第三章(App Router)

Next.js采用基于文件系统的路由机制，通过文件和文件夹结构自动生成应用路由。核心路由组件包括page（页面）、layout（布局，保留状态）、template（模板，不保留状态）以及特殊功能组件如loading（加载状态）、error（错误边界）和not-found（404页面）。布局和模板可嵌套使用，其中根布局必须存在。路由文件结构直接映射为URL路径，如app/blog/page.tsx对应/blog路径。开发者只需遵循约定式文件组织规则，Next.js会自动处理路由管理，无需额外配置。该机制简化了

2025-11-11 17:03:17 1477

Vue3最新源码分享。

Vue3视频教程.mp4

project.zip

js发布订阅 index.html

空空如也