- 博客(255)
- 收藏
- 关注
RSS订阅原创 CSS级联层样式权重和优先级
优先级层级示例说明浏览器默认样式<h1>默认样式最低普通无层作者样式h1 {}低@layer 早声明层中@layer 晚声明层高内联样式更高!important样式color: red!important最高。
2025-10-14 17:32:37
408
原创 tailwind @layer 和 @apply使用介绍
layer是 Tailwind 的一个分层指令，用于定义属于某个层（layer）的自定义样式。base→ 基础样式（如重置、HTML 标签样式）components→ 组件级样式（如按钮、卡片）utilities→ 工具类（如@apply是 Tailwind 提供的一个指令，用来在自定义 CSS 中复用 Tailwind 工具类。就像把多个 Tailwind 类「组合」成一个新类。目的推荐写法定义全局基础样式封装组件样式自定义工具类组合 Tailwind 类@apply强制重要在。
2025-10-14 17:05:30
747
原创 js中 btoa 方法 和 atob方法介绍
方法功能仅支持 ASCII支持中文适用环境btoa()字符串 → Base64✅ 是❌ 否浏览器atob()Base64 → 字符串✅ 是❌ 否浏览器Buffer双向转换❌ 否✅ 是Node.js双向转换❌ 否✅ 是浏览器 & Node.js（现代）
2025-10-13 17:11:13
480
原创 浏览器内置的ts类型有哪些
按住Ctrl（或 Cmd） + 点击某个全局变量（如documentFileListVSCode 会打开定义文件，比如：分类示例类型DOM 节点Document事件MouseEvent文件FileFileListBlobFormData网络RequestResponseWebSocket存储IndexedDB多媒体。
2025-10-09 15:57:37
408
原创 .sh文件的作用
特性描述本质一个包含一系列命令的文本文件。核心作用自动化执行重复、繁琐的命令行任务。执行环境在Unix/Linux/macOS的Shell（如Bash）环境中运行。Windows可通过WSL或Git Bash运行。优势节省时间、减少人为错误、可重复、可复用、能处理复杂逻辑。地位是Linux系统管理和软件开发中不可或缺的基础工具。因此，当你看到一个.sh文件时，你就知道它是一个可以自动完成某项任务的脚本程序，直接运行它（在确保其来源安全的前提下）就能得到预期的结果。
2025-09-30 14:40:43
616
原创 Mac查看本机ip地址
类型命令本地 IP本地 IPifconfig查看en0的inet字段公网 IP或如果你连接的是有线网络，en0可能变为en1或其他。来列出每个端口对应的接口名。需要我帮你封装成一个查看 IP 的脚本也可以说一声。
2025-07-28 16:02:11
2971
原创 Git 常用的提交类型
Git 常用的 commit 名称（也称为“提交类型”）主要用于清晰地描述一次提交的目的，尤其在配合或自动化发布工具（如 semantic-release）时非常重要。
2025-07-23 16:06:55
440
原创 在 React 中渲染 Lottie 动画
方式优点适合场景更符合 React 习惯，简单易用普通场景，快速集成动画lottie-web更强控制力，底层 API 支持复杂控制场景（跳帧、事件等）
2025-06-24 11:07:26
350
原创 如何在 React 中监听 div 的滚动事件
在 React 中监听div的滚动事件（scroll），可以通过为该div添加onScroll属性来实现。
2025-06-04 11:34:27
528
原创 react组件中useRef声明的变量和let声明的变量区别
特性useReflet数据持久性跨渲染周期保持数据每次渲染会重新初始化触发组件重新渲染不会触发不会触发典型用途保存 DOM 引用或非状态性变量临时存储当前渲染中的局部值常见使用场景DOM 操作、保存计时器等可变数据函数内的计算逻辑、循环等useRef更适合在渲染间保持数据，尤其是需要跨渲染周期存储非 UI 状态的值。let仅在当前渲染期间有效，每次重新渲染都会重置值。
2025-03-25 17:18:49
1095
原创 Nginx前端后端共用一个域名如何配置
在 Nginx 配置前端路由时，需要特别处理 history 模式，因为它依赖于 HTML5 的 pushState 功能，而不带 # 的路径直接被 Nginx 视为文件路径。$uri 是nginx 提供的变量，指当前请求的 URI，不包括任何参数，当请求静态资源文件的时候，命中 $uri 规则；在 Nginx 中配置前端和后端共用一个域名的情况，通常是通过路径或子路径将请求转发到不同的服务。后端 API 通过 example.com/api/ 访问。前端静态文件在 /var/www/frontend/。
2025-01-26 11:12:06
1141
原创 nginx部署前端项目
2.修改 nginx.conf 中的 location 配置。文件位置：/opt/homebrew/etc/nginx。1.将打包后的前端文件放到nginx目录中。
2025-01-24 17:48:38
404
原创 js中for...in 和 for...of 区别
for…in 用于遍历对象的属性名，适合用于对象，而不适合数组，因为会返回数组的索引。for…of 用于遍历可迭代对象的值，适合用于数组、字符串等集合类数据，而不适用于普通对象。
2024-10-24 15:43:43
410
原创 CSS 常见选择器
选择类名为 container 的所有元素。选择所有 p 标签，并将文字颜色设为蓝色。选择 ID 为 header 的元素。选择所有位于 div 内的 p 标签。选择所有指定类型的 HTML 元素。选择 div 的直接子元素 p。
2024-10-22 12:00:22
618
原创 在mac上通过 MySQL 安装包安装 MySQL 之后，终端执行 mysql 命令报错 command not found: mysql
在 macOS 上通过 MySQL 安装包安装 MySQL 之后，如果在终端中运行 mysql 命令时遇到 command not found: mysql 错误，通常是因为 MySQL 的二进制文件没有被添加到系统的 PATH 环境变量中。
2024-08-08 13:49:21
1236
原创 Node.js实现文件下载
使用 res.writeHead 设置适当的响应头，包括 Content-Type 和 Content-Disposition 以触发下载对话框。使用 fs.createReadStream 创建文件读取流，并通过 pipe 方法将其连接到响应对象 res，从而将文件内容发送给客户端。
2024-07-17 17:21:56
922
原创 js 中 new Worker 报错 Failed to construct ‘Worker‘
原因是浏览器不允许通过本地文件访问使用Web Worker。将项目部署到服务器上或者用node起本地服务访问项目。运行多线程 Web Worker 的时候报错。
2024-07-11 15:41:09
768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人