Daisy UI 切换明暗主题的简单实现
React + Tailwind CSS 项目,别的语言同理,只需改变 html 标签的 data-theme 属性即可。 Copy
import { useEffect } from 'react'
import { useState } from 'react'
export…
使用 emoji 作为你的网站图标 favicon
除了新时代 IE 浏览器 Safari 外,其他浏览器都基本支持了使用 SVG 数据 URL 做图标,所以直接用 SVG 的文本形式输入表情符号即可。 Copy
<link
rel="icon"
type="image/svg+xml"
href="data:image…
Tailwind Typography 插件深色模式适配方法
最简单的方法就是使用官方提供的 prose-invert: Copy
<div className="prose dark:prose-invert">
...
</div>
另一种方式:自定义颜色,例如我用的 shadcn/ui 想保持颜色统一,可以在 tailwind…
Remix 删除 URL 中为空的查询参数
避免 ?q= 这种查询参数为空的 URL 出现,可以在 loader 函数中检测并触发重定向。 Copy
async function clearEmptyParams(url: URL) {
let shouldRedirect = false
for (const…
如何快速学习一门技术
关于如何快速学习一门技术,受益良多,故翻译出来分享给大家。
React 项目的文件结构
关于 React 项目的文件结构的最佳实践(雾