-
Ant Design Mobile V5 与 Tailwind V4 样式冲突
问题 Ant Deisgn Mobile中Toast的icon靠左显示了，没有居中显示。 原因 工程引入了Tailwind样式，在全局样式中导入了他的样式。 Tailwind的Preflight样式
2025-11-14, Views: 18 , Topics: Ant Design Tailwind
-
CSS Nesting 原生嵌套语法
语法 类似与Sass嵌套语法， parent { /* 父样式 */ child { /* 父级的子样式 */ } } parent { /* 父样式 */ & chi
2025-11-13, Views: 19 , Topics: CSS
-
CSS 伪类选择器 :last-child :last-of-type
:last-child 语法 :last-child { /* ... */ } 示例 <li>4</li>将获得样式。 li:last-child { border: 2px solid
2025-11-12, Views: 29 , Topics: CSS
-
CSS 伪类选择器 :first-child() 和 :first-of-type()
:first-child() 表示在一组兄弟元素中的第一个元素。 语法 :first-child { /* ... */ } 示例 只有第一个<li>1</li>有border样式。 li:f
2025-11-11, Views: 43 , Topics: CSS
-
CSS 伪类选择器 :nth-child() :nth-last-child() :nth-of-type() :nth-last-of-type()
:nth-child() 根据父元素内的所有兄弟元素的位置来选择子元素。 子元素的计数包括任何元素类型的兄弟子元素。 但是只有当该子元素位置上的元素与选择器的其他组件匹配时，才被视为匹配。 语法 以
2025-11-10, Views: 48 , Topics: CSS
-
CSS 伪类选择器 :not()
概念 :not() CSS 伪类用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negation pseudo-class）。 语法 :not(选择器列表
2025-11-09, Views: 46 , Topics: CSS
-
CSS 伪类选择器 :has()
引入时间 Baseline 2023 优先级 :has()伪类的优先级计算方法与:is()和:not()相同。 语法 :has(相对选择器) { /* ... */ } 示例 含义：h1后面紧
2025-11-08, Views: 58 , Topics: CSS
-
CSS 伪类选择器 :where()
:where() 和 :is() 的区别 :where()的优先级总是为0，而:is()会计入整个选择器的优先级（它采用其最具体参数的优先级）。 语法 :where(选择器列表) { /* ..
2025-11-07, Views: 57 , Topics: CSS
-
CSS 伪类选择器 :is()
备注 最初该选择器被命名为:matches()（以及:any()），但在 CSSWG issue #3258 中被重命名为:is()。 伪元素在:is()的选择器列表中无效。 :is() 和 :wh
2025-11-06, Views: 67 , Topics: CSS
-
CSS 选择器的优先级
三位数 一个选择器的优先级可以说是由三个不同的值（或分量）相加，可以认为是百（ID）十（类）个（元素）——三位数的三个位数： ID：选择器中包含ID选择器则百位得一分。 类：选择器中包含类选择器、
2025-11-05, Views: 74 , Topics: CSS
-
CSS 关系选择器 + 接续兄弟组合器
接续兄弟组合器 Next-sibling combinator 符号：+，使用加号表示接续兄弟组合器。 The next-sibling combinator (+) separates two
2025-11-04, Views: 83 , Topics: CSS
-
CSS 关系选择器 ~ 后续兄弟选择器
后续兄弟选择器 Subsequent-sibling combinator 符号：~，使用波浪号表示后续兄弟选择器。 The subsequent-sibling combinator (~, a
2025-11-03, Views: 80 , Topics: CSS
-
CSS 关系选择器 > 子组合器
子组合器 child combinator 符号：>，使用大于符号表示子组合器。 The child combinator (>) is placed between two CSS select
2025-11-02, Views: 83 , Topics: CSS
-
Next.js 初始化工程
命令 创建工程，命令执行完成后无需再执行npm install安装依赖，已自动安装完毕。 npx create-next-app@latest 输出 PS C:\code> npx create-
2025-11-01, Views: 124 , Topics: Next.js
-
Next.js 服务端定时任务
需求 定时统计数据库中的信息。 实现 利用Node.js的模块缓存，在layout.tsx中导入脚本模块，模块中使用setInterval定时读取数据库。 代码 脚本 index.ts async
2025-10-31, Views: 152 , Topics: Next.js
-
Next.js 将 URL Search Params 查询参数的 string 类型转为 number 类型
需求 列表分页，需要将page参数转为string。 Next.js中的查询参数都是string、string[]或undefined。 string 转 number 使用+快速将string转n
2025-10-30, Views: 151 , Topics: Next.js
-
Next.js 获取 URL Search Params 查询参数
Server Component 使用Next.js内置的searchParams，类型为Promise。 export default async function Home({searchPar
2025-10-29, Views: 211 , Topics: Next.js
-
Next.js 路由 App Router
介绍 Next.js使用基于文件系统的路由。 Next.js uses file-system based routing, meaning you can use folders and fil
2025-10-28, Views: 142 , Topics: Next.js
-
Next.js 构建后端 API
基于文件系统的路由 Next.js中App Router是基于文件系统的路由，即：根据创建的文件夹名称来定义API的路径。 route.js 在文件夹中定义route.ts文件，编写GET、POST
2025-10-27, Views: 153 , Topics: Next.js
-
Next.js 定义样式组件减少 HTTP 请求
样式组件 为了减少HTTP请求CSS样式，将样式作为组件。 错误信息 可能会出现以下错误。 ⨯ ./src/app Invalid import 'client-only' cannot be i
2025-10-26, Views: 176 , Topics: Next.js