- 博客(262)
- 收藏
- 关注
RSS订阅原创 Webpack、Vite 、Rsbuild 区别
如果你在维护一个庞大的旧项目，深受编译慢的困扰，请尝试Rsbuild。它能让你在改动最小的情况下获得数倍的性能提升。如果你正在开启一个全新的现代化项目，首选Vite。它的生态系统和开发心智负担是目前最优秀的。如果你的项目有非常奇特的构建需求（如极度复杂的插件链路、非标准资源的特殊处理），Webpack仍然是最后的兜底方案。
2026-01-06 15:36:33
615
原创 使用 SQLAlchemy 连接数据库
内容是否掌握如何创建 engine✅如何创建 Session✅如何定义 ORM 模型✅如何在 FastAPI 中集成✅如何使用连接池与最佳实践✅如何构建生产级结构✅。
2025-12-09 11:21:44
1006
原创 MySQL 和 PostgreSQL 的区别
对比项MySQLPostgreSQL易用性⭐⭐⭐⭐⭐⭐⭐⭐⭐性能（简单查询）⭐⭐⭐⭐⭐⭐⭐⭐⭐性能（复杂查询）⭐⭐⭐⭐⭐⭐⭐⭐⭐扩展性与插件⭐⭐⭐⭐⭐⭐⭐⭐一致性⭐⭐⭐⭐⭐⭐⭐⭐⭐大规模写入⭐⭐⭐⭐⭐⭐⭐⭐GIS 能力⭐⭐⭐⭐⭐⭐⭐👉 MySQL = 快、简单、生态强👉 PostgreSQL = 强大、规范、企业级。
2025-12-04 15:35:45
975
原创 启动 Python（FastAPI）项目
创建虚拟环境激活环境安装依赖用 Uvicorn 启动 FastAPI（或者 flask run 启动 Flask）需要时关闭或重新启动服务🚀 下面继续扩展Python（FastAPI）项目的完整启动与部署指南项目结构讲解main.py 的典型写法如何写启动脚本（bash）如何做生产环境部署（systemd 后台运行）如何做自动重启、日志保存FastAPI 是 Web 框架Uvicorn 是 Web 服务器（ASGI Server）
2025-11-28 11:28:04
1138
原创 CSS级联层样式权重和优先级
优先级层级示例说明浏览器默认样式<h1>默认样式最低普通无层作者样式h1 {}低@layer 早声明层中@layer 晚声明层高内联样式更高!important样式color: red!important最高。
2025-10-14 17:32:37
445
原创 tailwind @layer 和 @apply使用介绍
layer是 Tailwind 的一个分层指令，用于定义属于某个层（layer）的自定义样式。base→ 基础样式（如重置、HTML 标签样式）components→ 组件级样式（如按钮、卡片）utilities→ 工具类（如@apply是 Tailwind 提供的一个指令，用来在自定义 CSS 中复用 Tailwind 工具类。就像把多个 Tailwind 类「组合」成一个新类。目的推荐写法定义全局基础样式封装组件样式自定义工具类组合 Tailwind 类@apply强制重要在。
2025-10-14 17:05:30
840
原创 js中 btoa 方法 和 atob方法介绍
方法功能仅支持 ASCII支持中文适用环境btoa()字符串 → Base64✅ 是❌ 否浏览器atob()Base64 → 字符串✅ 是❌ 否浏览器Buffer双向转换❌ 否✅ 是Node.js双向转换❌ 否✅ 是浏览器 & Node.js（现代）
2025-10-13 17:11:13
591
原创 浏览器内置的ts类型有哪些
按住Ctrl（或 Cmd） + 点击某个全局变量（如documentFileListVSCode 会打开定义文件，比如：分类示例类型DOM 节点Document事件MouseEvent文件FileFileListBlobFormData网络RequestResponseWebSocket存储IndexedDB多媒体。
2025-10-09 15:57:37
440
原创 .sh文件的作用
特性描述本质一个包含一系列命令的文本文件。核心作用自动化执行重复、繁琐的命令行任务。执行环境在Unix/Linux/macOS的Shell（如Bash）环境中运行。Windows可通过WSL或Git Bash运行。优势节省时间、减少人为错误、可重复、可复用、能处理复杂逻辑。地位是Linux系统管理和软件开发中不可或缺的基础工具。因此，当你看到一个.sh文件时，你就知道它是一个可以自动完成某项任务的脚本程序，直接运行它（在确保其来源安全的前提下）就能得到预期的结果。
2025-09-30 14:40:43
784
原创 Mac查看本机ip地址
类型命令本地 IP本地 IPifconfig查看en0的inet字段公网 IP或如果你连接的是有线网络，en0可能变为en1或其他。来列出每个端口对应的接口名。需要我帮你封装成一个查看 IP 的脚本也可以说一声。
2025-07-28 16:02:11
3307
原创 Git 常用的提交类型
Git 常用的 commit 名称（也称为“提交类型”）主要用于清晰地描述一次提交的目的，尤其在配合或自动化发布工具（如 semantic-release）时非常重要。
2025-07-23 16:06:55
480
原创 在 React 中渲染 Lottie 动画
方式优点适合场景更符合 React 习惯，简单易用普通场景，快速集成动画lottie-web更强控制力，底层 API 支持复杂控制场景（跳帧、事件等）
2025-06-24 11:07:26
368
原创 如何在 React 中监听 div 的滚动事件
在 React 中监听div的滚动事件（scroll），可以通过为该div添加onScroll属性来实现。
2025-06-04 11:34:27
556
原创 react组件中useRef声明的变量和let声明的变量区别
特性useReflet数据持久性跨渲染周期保持数据每次渲染会重新初始化触发组件重新渲染不会触发不会触发典型用途保存 DOM 引用或非状态性变量临时存储当前渲染中的局部值常见使用场景DOM 操作、保存计时器等可变数据函数内的计算逻辑、循环等useRef更适合在渲染间保持数据，尤其是需要跨渲染周期存储非 UI 状态的值。let仅在当前渲染期间有效，每次重新渲染都会重置值。
2025-03-25 17:18:49
1134
原创 Nginx前端后端共用一个域名如何配置
在 Nginx 配置前端路由时，需要特别处理 history 模式，因为它依赖于 HTML5 的 pushState 功能，而不带 # 的路径直接被 Nginx 视为文件路径。$uri 是nginx 提供的变量，指当前请求的 URI，不包括任何参数，当请求静态资源文件的时候，命中 $uri 规则；在 Nginx 中配置前端和后端共用一个域名的情况，通常是通过路径或子路径将请求转发到不同的服务。后端 API 通过 example.com/api/ 访问。前端静态文件在 /var/www/frontend/。
2025-01-26 11:12:06
1186
原创 nginx部署前端项目
2.修改 nginx.conf 中的 location 配置。文件位置：/opt/homebrew/etc/nginx。1.将打包后的前端文件放到nginx目录中。
2025-01-24 17:48:38
418
原创 js中for...in 和 for...of 区别
for…in 用于遍历对象的属性名，适合用于对象，而不适合数组，因为会返回数组的索引。for…of 用于遍历可迭代对象的值，适合用于数组、字符串等集合类数据，而不适用于普通对象。
2024-10-24 15:43:43
421
原创 CSS 常见选择器
选择类名为 container 的所有元素。选择所有 p 标签，并将文字颜色设为蓝色。选择 ID 为 header 的元素。选择所有位于 div 内的 p 标签。选择所有指定类型的 HTML 元素。选择 div 的直接子元素 p。
2024-10-22 12:00:22
627
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人