Kevin's Blog

Next.js 基础知识

use client 指令 可以，简单总结就是： use client 是什么 它是 Next.js 里的一个标记，表示： 这个组件要在浏览器端运行。 写了它之后，这个组件就变成 Client Component。 加了之后会怎样 1. 可以使用浏览器相关能力 比如：

React 基础知识

客户端渲染（Client Side Rendering） 服务端渲染（Server Side Rendering） 静态站点生成（Static Site Generation） 同构渲染（Isomorphic Rendering） hydration React Server Component 服 …

React水合

什么是水合 React 中的 Hydration（水合） 是服务器端渲染（SSR, Server-Side Rendering）的关键步骤，它让静态的 HTML 内容在客户端“活起来”，变为可交互的动态应用。以下是详细解释：

Supabase 基础知识

Supabase Anon Key Supabase 的匿名密钥（Anon Key）是用于访问 Supabase 数据库的密钥。它允许用户在不进行身份验证的情况下访问数据库，通常用于开发和测试环境。 RLS Supabase 的 安全核心是 RLS (Row Level Security)

DNS配置

WSL2配置

如何打开 WSL 下面两种方法： 在 windows 搜索框里搜索 Ubuntu，找到带有 WSL 后缀的 Ubuntu，点击打开 使用 Windows Terminal 直接打开 在 WSL 中打开 Cursor 在 WSL 的 /usr/local/bin 目录下创建名为 code 的脚本文件： …

TailwindCSS 基础

Directive 指令 在 Tailwind CSS 中，Directive 是一种特殊的代码，用来告诉 Tailwind 该做什么。你可以把它想象成一种“命令”，用来生成样式或者做一些额外的处理。

PostgreSQL 基本知识

PostgreSQL 数据类型 类别 类型名称 描述 数值类型 SMALLINT 2 字节小整数 INTEGER (或 INT) 4 字节整数 BIGINT 8 字节大整数 SMALLSERIAL 2 字节自增整数 SERIAL 4 字节自增整数 BIGSERIAL 8 字节自增整数 REAL 4 …

数据库基本知识

参数化查询 参数化查询是 SQL 中一种安全且高效的查询方式，我用通俗易懂的方式来解释： 什么是参数化查询？ 想象你在餐厅点餐，有两种方式： 直接告诉服务员：“我要一份宫保鸡丁，不要花生” 用菜单模板：选择菜品类型（川菜），然后填写具体要求（宫保鸡丁，去花生） 参数化查询就像 …

非对称加密

什么是 公钥 非对称加密（Asymmetric Cryptography），也被称为公钥加密（Public-Key Cryptography），是现代网络安全和互联网信任体系的基石。