1

总述

• 2-1

  快速搭建 Web 服务
• 2-2

  认识内网穿透工具 Natapp
• 2-3

  微信开发者接入公众号

• 3-1

  引导微信用户网页授权
• 3-2

  拉取微信用户基本信息

• 4-1

  个人主页UI设计
• 4-2

  1:1适配移动端个人主页UI设计稿
• 4-3

  路由控制单页面间跳转
• 4-4

  去掉 URL 讨厌的井号
• 4-5

  个人主页授权登录完整流程
• 4-6

  H5个人主页设计开发完结篇

• 5-1

  管理 AccessToken
• 5-2

  用户管理
• 5-3

  素材管理

• 6-1

  Ps 演示水印叠加原理
• 6-2

  微信 JS-SDK 从手机相册选择照片
• 6-3

  微信 JS-SDK 上传已选照片
• 6-4

  持久化存储临时媒体素材
• 6-5

  Canvas 渲染图片
• 6-6

  叠加渐变国旗
• 6-7

  叠加 Logo
• 6-8

  叠加修饰边框
• 6-9

  合成图像后保存与分享

• 7-1

  PeerJS：基于 WebRTC API 的封装
• 7-2

  简单文本
• 7-3

  多人在线涂鸦
• 7-4

  视频会议

• 8-1

  周易：卦名、卦象、卦辞、爻题、爻词
• 8-2

  Canvas 渲染八卦与阴阳鱼
• 8-3

  Canvas 与请求动画帧
• 8-4

  Canvas 移动端触摸事件
• 8-5

  Canvas 触摸事件控制阴阳鱼转动
• 8-6

  实现随机转出内卦、外卦
• 8-7

  显示随机组合出的易卦

• 9-1

  微信 JS-SDK 录音
• 9-2

  自动停止录音
• 9-3

  微信 JS-SDK 上传录音
• 9-4

  转换 AMR 音频到 MP3 格式
• 9-5

  微信 JS-SDK 播放录音
• 9-6

  录音倒计时自动上传

• 10-1

  Blender 制作写字楼 3D 模型
• 10-2

  Three.js 基础
• 10-3

  Three.js GLTF 3D 模型加载器
• 10-4

  网页渲染 3D 模型
• 10-5

  3D 摄像机平移、旋转、缩放
• 10-6

  Echarts.js 可视化图表
• 10-7

  3D 场景互动

• 11-1

  微信公众号收集用户地理信息
• 11-2

  微信 JS-SDK 获取用户地理信息
• 11-3

  腾讯地图 JavaScript API
• 11-4

  腾讯地图中标记打卡地点
• 11-5

  打卡地点富媒体动态发布
• 11-6

  互动与分享

• 12-1

  Fabric.js 自由涂鸦
• 12-2

  创建数字涂鸦绘本
• 12-3

  为涂鸦绘本配音
• 12-4

  原创有声涂鸦绘本
• 12-5

  合成视频
• 12-6

  互动与分享
• 12-7

  多人创作有声绘本