📚 文档目录

更新: 9/19/2026 字数: 0 字 时长: 0 分钟

简介 文档目录 提交日历 图标库

功能实现20 篇

部署与运维

服务器部署前后端+SSL证书Actions工作流(自动部署)docker前端部署docker后端部署

前端能力

静态资源请求处理器前端录音前端视频流播放实现给图片加隐形水印:防盗图与版权溯源方案怎么选?——频域盲水印 vs SynthID vs C2PA 深度对比WebWorker使用前端线上环境录制用户操作JS沙箱使用

性能与优化

页面自动检测更新千万行表格展示优化接口加密处理

测试与调试

端到端自动化测试github3D指标统计

设备与交互

共享设备扫码使用跨域处理WebP 加密图片JS逆向浏览器页面关闭时自动调用接口

问题记录11 篇

2024踩坑日志2025上半年踩坑日志2025下半年踩坑日志xgplayer踩坑记录移动端网页调用前置摄像头宽高反转问题踩坑实践视频片段转GIF/动态WebP实践踩坑记录网页摄像头采集分辨率横竖屏异常问题踩坑记录WebRTC ContentHint 弱网设置RTC 推流后台稳定性优化RTC 摄像头镜像推流色差问题的排查与修复RTC 预览视频流显示层差异问题的排查与修复

实践文档1 篇

本地项目localhost使用https访问实践

流媒体技术14 篇

流媒体基础

前端视频流基础直播流基础一条直播流从摄像头到千万观众的完整链路

流媒体协议

RTSP 流和 HLS 流在浏览器中播放的原理直播协议选型

传输与播放

WebRTC推流与拉流flv直播流播放浏览器摄像头采集与分辨率裁剪

工具与安全

FFmpeg 常用命令FLV 加密直播流前端播放方案 & DRM 深度解析DRM中的TEE和SVP具体指什么，它们在DRM体系中起到什么作用？

实战问题

浏览器与直播：那些安全策略带来的坑BT.709 视频流误按 BT.601 处理的色彩错配分析

音视频4 篇

音视频文件与直播流的技术原理：播放机制与转码流程解析视频基础参数及编码技术解析H.264/H.265 视频编码技术详解与应用场景分析直播技术详解：从推流到播放，前端开发者的完整认知地图

框架与工具11 篇

Nginx 与 Caddy 完整使用对比指南vue3转react会遇到的难点问题webpack 配置核心点与不同需求场景配置详解vite 配置核心点与不同需求场景配置详解Vite 打包 Vue3 生产项目体积优化传统架构迁移到 MonorepoWebpack 模块联邦 vs 微前端plasmo 浏览器插件开发Three.js 使用别人发来个 .stl / .obj / .glb，怎么打开看?——前端视角的 3D 文件生存指南Lottie 动画

原理与网络12 篇

WebSocketSSE定时任务nginx缓存nginx try_files 配置域名前置ECHAPI和SDKDNS 解析走 TCP 还是 UDP？POST 预检请求HTTPS 证书验证完整流程HTTPS 能防住网络抓包行为吗?

前端进阶13 篇

前端小知识点JS中This指向状态码分析performance使用场景前端内存泄漏排查数据采集Node流式处理playwright简单使用前端图片加载浏览器指纹npx create-xxx里 create 到底做了什么JavaScript 垃圾回收机制last-known-good 策略:让你的应用“永远有个能用的状态可退”

JS 全栈1 篇

JS 全栈 计算机网络知识

测试6 篇

A/B 测试基准测试回归测试端到端测试Jest单元测试Jest组件测试

GSAP16 篇

GSAP简介

GSAP Demo

普通风格↗炫酷风格↗女神异闻录5风格↗塞尔达传说-四大神兽↗塞尔达传说-120神庙↗高达风格↗刀剑风格↗鬼泣5风格↗进击的巨人风格↗怪物猎人崛起风格↗猎魔女天使风格↗尼尔机械纪元风格↗罪恶王冠风格↗合金装备崛起风格↗命运石之门风格↗