- 博客(89)
- 收藏
- 关注
RSS订阅原创 Express 后端项目规范搭建指南（企业级分层架构）
这是一套面向前端开发者、可直接落地的标准化后端项目架构，遵循分层解耦、单一职责原则，兼顾开发效率与可维护性，适合快速上手并支撑中小型业务系统。若你习惯使用 JavaScript，只需去掉类型定义、将.ts改为.js，目录结构与分层逻辑完全通用。
2026-09-15 15:36:43
180
原创 Prisma 通用开发规范（完整版）
统一使用id字段IntBigIntprisma改模型 → 必执行generate查唯一 → 用findUnique数字累加 → 用increment实例化 → 全局单例生产上线 → 只执行。
2026-04-29 10:28:51
388
原创 Express + TypeScript 后端通用标准规范
这是Express + TS 后端的工业级标准规范目录固定分层清晰无业务耦合生产就绪任何后端项目都能直接套用。
2026-04-27 17:09:39
259
原创 Python基础
高级、解释型、动态类型、面向对象的通用编程语言强调代码可读性（“可执行的伪代码”）支持多种编程范式：过程式、面向对象、函数式raise MyError("自定义错误")
2026-02-10 11:06:02
945
原创 flex布局子容器挤压问题
表格子容器要求推荐样式A固定宽度，不被挤压width: xxx;或B宽度由内容决定不要设flex:1，可加max-width防溢出。
2026-02-02 14:27:20
326
原创 FastAPI 中所有常见参数校验场景
is_show表格参数类型如何声明可选默认值常用校验Path不支持可选（路径必须存在）gtleregexQuery= default= None或= 0gelemin_lengthpatternBody= None同上 +validatorForm同 Body= None同上File= None手动检查 size/type= None一般不校验。
2026-01-19 13:23:21
353
原创 从 Permission Denied 到 404：Docker 多容器下图片上传与静态资源服务全解
表格误区正确做法在 Nginx 配置中写宿主机路径配置用容器路径，通过-v挂载用root代替alias忽略alias末尾的必须写成/path/让 frontend 容器占 80 端口外层 Nginx 统一入口，支持多项目不处理权限直接部署开发用chmod 777，生产用图片上传看似简单，但在容器化、微服务架构下，涉及权限、路径、网络、配置四重维度。容器是隔离的路径分宿主机/容器两种视角静态资源应由 Nginx 直接返回才能构建出高性能、可维护、可扩展的系统。
2026-01-15 17:05:50
702
原创 ✅ WebSocket 接口从本地开发到生产部署的关键步骤与常见问题
否则 Nginx 会当作普通 HTTP 请求处理，导致 403 或连接失败。时，若连接已断开，会抛出新异常。仅支持 HTTP 路由，
2026-01-07 10:51:09
466
原创 [特殊字符] Docker + FastAPI + PostgreSQL 项目部署避坑指南：从 nc: not found 到 Nginx 500 的完整排查与解决
问题注意点必须在 Dockerfile 安装服务名 vs 容器名用服务名用容器名端口一致性必须与ports映射端口一致Nginx 500检查proxy_pass是否指向正确的服务名:端口重建镜像修改 Dockerfile 后必须数据库初始化PostgreSQL 日志中的“shutdown”是正常流程，非错误Docker Compose 是强大的工具，但细节决定成败。日志是第一线索，网络和端口是高频陷阱。希望本文能帮你少走弯路，快速部署成功！✨。
2025-12-24 17:29:16
755
原创 前端步入全栈第一步
✅ 在腾讯云上一键部署 Vue3 + FastAPI + PostgreSQL 应用✅ 实现数据库持久化，避免数据丢失✅ 安全地通过 Navicat 管理数据库（SSH 隧道）✅ 规避常见部署陷阱，提升上线效率。
2025-12-24 11:12:34
1159
原创 FastAPI 中全局异常处理
python编辑# 自定义业务异常passpasspasscontent={"detail": "请求参数格式错误", "errors": exc.errors()}content={"detail": "用户名已存在"}content={"detail": "无效的认证凭证"},# 自定义业务异常content={"detail": "用户不存在"}content={"detail": "用户名或密码错误"},
2025-12-19 15:15:50
569
原创 完整的 FastAPI 后端开发流程
使用虚拟环境 + 锁定依赖版本.env管理敏感配置（SECRET_KEY, DB_URL）密码用bcrypt哈希（非加密）JWT 无状态设计，退出登录由前端处理统一认证错误信息（防用户枚举）用 Alembic 管理数据库变更启用 HTTPS + CORS 限制不记录任何密码/token 到日志。
2025-12-19 15:14:48
958
1
原创 FastAPI + 前端（Vue/React）Docker 部署全流程
你完成了一套生产级 Web 应用部署流程✅ 模块化 FastAPI 路由（带版本）✅ Docker 容器化前后端✅ Nginx 反向代理 + 静态资源托管✅ 网络隔离与服务通信这份文档不仅记录了你的成果，更是未来快速部署新项目的标准模板。
2025-12-11 17:18:10
866
原创 可视化大数据的性能优化
优化方向G2 重点G6 重点数据量采样、聚合节点/边数量控制、按需加载渲染关闭动画、简化 geometry视口裁剪、简化节点样式布局不适用选轻量布局 or 后端计算坐标交互限制 tooltip 频率禁用 hover 效果、debounce 事件架构前端预处理 or 服务端聚合图数据库 + 子图查询。
2025-11-24 10:47:40
1079
原创 微前端QianKun的使用以及坑点问题
主应用是 SPA（history 模式），刷新时路径被主应用拦截，导致找不到子应用资源。子应用必须允许跨域（Access-Control-Allow-Origin: *）✔ D. 主应用与子应用 UI 框架样式隔离（AntD、ElementUI）iframe 内不适合做微前端子应用，需要使用原生子应用方式。主应用切换子应用 route 时清空 container。确保开发环境、生产环境均可直接访问子应用 URL。子应用样式影响主应用样式，或之间互相覆盖。✔ 子应用 code splitting。
2025-11-19 14:34:44
1067
原创 前端经常用到的性能优化手段
路由级、组件级懒加载。：确保使用 ES Module，引入 antd 时用按需加载。：babel/preset-env 的。：使用 webp、压缩工具（tinypng、svgo）。lodash → lodash-es 或按需加载。
2025-11-19 14:27:28
892
原创 企业级项目前端通用性能优化
Version：v1.0适用范围：Web 前端项目（React / Vue / Webpack / Vite）目标：系统化提升 Web 应用的加载速度、渲染性能、弱网体验与稳定性总体目标与关键指标性能优化原则构建与打包优化网络传输与资源加载优化渲染性能优化（React/Vue）图片与多媒体优化数据加载与弱网优化长列表与大数据渲染优化动画与交互性能优化缓存策略（HTTP / Storage）监控与性能分析体系安全与兼容性注意事项统一规定项目性能 baseline：降低首屏 JavaScript 体积减少网
2025-11-19 14:25:29
1280
原创 弱网环境下TRTC的优化
按重要性排序：TRTC 默认会自动做，但是最好手动再开一次：弱网下自动降级为 360p 或仅音频：如果你是 WebRTC 模式（新版 SDK），则：弱网时自动切到低码率，不卡顿。推荐初始化设置成较稳的编码：TRTC 对弱网自动重连很依赖。不用你自己写重连逻辑，但必须监听：如果 → 触发重连你可以监听 TRTC 的网络质量，再动态调整视频质量：Chrome 内置：或者使用 监控实际丢包。这是 TRTC 常见原因：
2025-11-19 10:33:29
533
原创 创建可用的 Python 3.11+ 环境 + 基础仓库结构
infra/compose: docker-compose 配置。→ 配置、启动逻辑（settings、logging）→ 异步任务、celery/apscheduler。backend/app/schemas: 数据模型。backend/app/services: 服务层。backend/app/core: 配置与启动。backend/app/routers: 路由。backend/app/tasks: 异步任务。backend/app/db: 数据库。→ 数据库连接、会话、迁移。
2025-09-24 17:02:21
395
原创 [特殊字符] 跨端视频通话实战：腾讯云 TRTC + IM（React Native & Web）
本文介绍了如何利用腾讯云TRTC和IM SDK实现ReactNative与Web端互通的视频通话Demo。通过TRTC处理音视频流传输，IM作为信令通道管理呼叫状态，实现了跨平台视频通话功能。文章详细说明了整体架构设计、信令状态机、核心代码实现（包括初始化、进房/退房逻辑）以及通话时序流程，并针对常见问题提供了解决方案。该方案适用于远程办公、在线教育等场景，具有低延迟、跨平台互通的特点，同时强调了信令与媒体分层处理、状态机管理以及安全防护等最佳实践。
2025-09-08 17:24:07
783
原创 Android BLE 扫描完整实战
Android BLE扫描实战指南：从权限配置到代码实现 本文详细介绍了Android平台上实现BLE设备扫描的完整流程。首先解析了BLE广播原理，对比了经典蓝牙与低功耗蓝牙的应用场景差异。重点说明了不同Android版本所需的权限配置（6-11版本需要位置权限，12+版本需要BLUETOOTH_SCAN等权限），并提供了运行时请求权限的代码示例。 文章推荐使用最新的BluetoothLeScanner API进行设备扫描，给出了包含过滤条件的Kotlin实现代码，并基于Jetpack Compose构建了
2025-09-08 15:35:33
659
原创 Python捕获异常
异常传递：异常会从引发处向上传递，可在调用栈中逐层捕获。raise ValueError("参数错误")func1()try:func2()print(f"捕获到异常：{e}") # 输出：捕获到异常：参数错误自定义异常：继承Exception类创建业务专用异常。super().__init__(f"余额不足：当前{balance}元，需{amount}元")try:print(e) # 输出：余额不足：当前100元，需150元。
2025-07-25 20:02:11
592
原创 前端性能优化
需注意：优化需以数据驱动，通过 Chrome DevTools Performance 面板和 Lighthouse 审计结果针对性实施。在前端性能优化中，需贯穿开发、打包、部署和浏览器运行全流程。
2025-04-01 07:53:20
724
原创 JavaScript 数组和字符串方法详解
数组方法是操作数组的核心工具，分为。（字符串不可变），返回新字符串。默认只替换第一个匹配项，需用正则。），字符串方法永不修改原数据。：前者修改原数组，后者不修改。数组方法可能修改原数组（如。
2025-03-05 21:36:59
532
原创 微前端框架 Qiankun 的应用及问题分析
Qiankun 支持主应用与子应用使用不同技术栈（如 Vue、React、Angular 等），通过 HTML Entry 方式接入子应用，无需深度改造子应用即可实现集成，降低了技术迁移成本28。例如，主应用使用 Vue2，子应用可独立使用 Vue3 或 React，实现渐进式重构59。支持子应用静态资源预加载，并通过 Fiber 模式（类似 React）优化 JS 执行性能，减少首屏白屏时间28。插件，可绕过原生限制，支持 Vite 子应用的集成。
2025-03-03 15:39:26
1910
原创 vue精简面试题
减少直接操作真实 DOM 的性能开销，实现跨平台渲染（如 SSR、Native）。对数据对象的每个属性进行递归劫持（Getter/Setter），通过。在下次 DOM 更新循环结束后执行回调函数，用于获取更新后的 DOM。：轻量级的 JavaScript 对象，描述真实 DOM 结构。操作对象属性，无需递归遍历，天然支持动态新增/删除属性。：标记动态节点类型（如文本、class），跳过未变化部分。：在 Getter 中收集依赖（如模板中的变量）。解决了 Vue 2 的监听限制，性能更优。
2025-02-27 14:13:20
786
原创 父子组件事件冒泡和捕获的顺序
阶段触发事件执行顺序典型场景捕获阶段父组件 → 子组件权限拦截、埋点统计冒泡阶段onClick子组件 → 父组件常规交互逻辑（如提交表单）
2025-02-25 13:44:00
781
原创 父组件用的是原生监听，子组件用的是onClick，子组件添加了stopPropagation还是没有阻止传播
优先统一使用 React 事件onClick）避免冲突。混合使用原生事件时，需在子组件中通过 e.nativeEvent.stopImmediatePropagation()阻止原生事件传播。若父组件事件绑定在捕获阶段，需在子组件中处理。
2025-02-25 10:55:56
1258
原创 父组件添加事件监听，子组件也有单独的点击事件，怎么避免点击子组件触发父组件
通过 e.stopPropagation()可以阻止事件冒泡到父组件。这是解决父子组件事件冲突的标准方案，适用于大多数场景。如果遇到复杂情况（如第三方库或原生 DOM 事件），再考虑其他扩展方法。
2025-02-25 10:48:05
844
原创 Vue的双向数据绑定和React的单向数据流在处理对象数组时的行为
Vue：双向数据绑定使得直接修改数组中的对象时，索引地址不会变化，Vue 会自动更新视图。React：单向数据流要求每次更新状态时都创建一个新的数组或对象，这会导致索引地址的变化，React 通过key属性来跟踪列表中的元素。这两种机制各有优缺点，选择哪种方式取决于具体的应用场景和开发者的偏好。
2025-02-19 19:29:32
632
原创 推荐两个比较好用的流程图js库
React Flow 和 Logic Flow 是两个用于构建流程图的 JavaScript 库，适用于不同的场景和需求。
2025-02-17 11:21:53
1058
原创 微信小程序性能优化
微信小程序的性能优化涉及多个方面，包括减少setData的调用频率和数据量、合理控制组件渲染、优化图片和 WXML 结构、使用分包加载、减少不必要的网络请求和计算任务等。通过综合运用这些策略，可以显著提升小程序的性能和用户体验。
2025-02-16 17:42:32
1098
原创 Linux常用指令
这些命令是 Linux 系统中最常用的基础命令，掌握它们可以帮助你高效地进行系统管理和文件操作。- 实时显示系统进程和资源使用情况。- 显示目录或文件的磁盘使用情况。- 创建空文件或更新文件时间戳。- 移动或重命名文件/目录。- 查看文件开头/结尾部分。- 显示网络连接、路由表等。- 以超级用户权限执行命令。- 显示磁盘空间使用情况。- 显示或配置网络接口。- 显示当前工作目录。- 分页查看文件内容。- 显示内存使用情况。
2025-02-14 10:51:51
462
原创 前端职业规划
前端开发的职业规划可以从初级开发者起步，逐步成长为技术专家、架构师或管理者。未来，前端开发者还可以探索新兴领域（如 Web3、AI、元宇宙），拓展职业发展的可能性。无论选择哪个方向，持续学习、积累经验和提升软技能都是成功的关键。
2025-02-13 21:55:10
2049
空空如也
nextJS异常频繁热更新
2025-03-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人