📘 3D网页·部署与测试
🎯 30章 从入门到实战
01
3D网页概述
什么是3D网页 · 发展历程 · 应用场景
01.html
02
WebGL基础
WebGL定义 · OpenGL关系 · 渲染管线 · 第一个程序
02.html
03
Three.js入门
简介 · 场景/相机/渲染器 · 第一个场景
03.html
04
Three.js进阶
几何体 · 材质 · 网格 · 光照详解
04.html
05
动画与交互
requestAnimationFrame · Raycaster · 键盘控制
05.html
06
3D模型加载
GLTF/GLB · 加载外部模型 · 优化压缩
06.html
07
纹理与贴图
纹理映射 · 加载/重复/偏移 · 环境/法线贴图
07.html
08
粒子系统
原理 · Three.js实现 · 粒子动画与特效
08.html
09
着色器入门
GLSL基础 · 顶点/片元着色器 · 自定义着色器
09.html
10
后期处理
后期管线 · Bloom辉光 · 景深 · 抗锯齿
10.html
11
物理引擎集成
Cannon.js · 刚体碰撞 · 物理模拟
11.html
12
VR/AR支持
WebXR · Three.js VR模式 · AR基础
12.html
13
性能优化
Draw Call · LOD · 遮挡剔除 · 内存管理
13.html
14
移动端适配
视口适配 · 触摸事件 · 性能调优
14.html
15
跨浏览器兼容性
WebGL支持 · Polyfill · 降级策略
15.html
16
桌面端部署
Electron打包 · 安装包 · 自动更新
16.html
17
移动端部署
React Native WebView · Flutter · PWA
17.html
18
Web服务器部署
Nginx · HTTPS · CDN · Gzip
18.html
19
云平台部署
AWS S3 · Vercel/Netlify · 阿里云OSS
19.html
20
Docker容器化部署
Dockerfile · 镜像构建 · 容器编排
20.html
21
自动化测试基础
Jest配置 · 单元测试 · 覆盖率
21.html
22
3D场景测试
视觉回归 · 场景快照 · 交互测试
22.html
23
性能测试
Lighthouse · FPS监控 · 内存泄漏
23.html
24
多设备测试
BrowserStack · 本地实验室 · 真机调试
24.html
25
CI/CD 持续集成
GitHub Actions · 自动构建 · 部署流水线
25.html
26
日志与监控
Sentry · Google Analytics · 自定义监控
26.html
27
安全最佳实践
CSP · XSS防护 · 资源完整性 · API密钥
27.html
28
无障碍访问 A11Y
ARIA标签 · 键盘导航 · 屏幕阅读器
28.html
29
国际化与本地化
i18n方案 · 多语言资源 · RTL布局
29.html
30
项目实战
从零构建3D展示网站 · 部署与测试全流程
30.html