📱 多端小程序实战
30章
🎒 抖音 · 头条 · 西瓜
同步开发
01
抖音小程序生态全景：抖音、头条、西瓜多端差异与统一开发策略
多端统一 · 生态解析
02
开发环境搭建：注册开发者账号、安装IDE、创建第一个多端项目
环境配置 · 快速起步
03
项目结构与配置：理解app.json、project.config.json，适配多端manifest
配置核心 · 多端适配
04
TTML模板语法：数据绑定、条件渲染、列表渲染，多端兼容写法
模板语法 · 兼容技巧
05
TTCSS样式适配：rpx单位、Flex布局、多端样式差异与Hack技巧
样式适配 · 响应式
06
JavaScript逻辑层：生命周期、页面路由、事件系统，多端API差异
逻辑层 · API差异
07
基础组件详解：view、text、image、scroll-view的多端表现
基础组件 · 多端表现
08
表单组件与交互：input、button、form，多端键盘与弹窗适配
表单交互 · 键盘适配
09
导航与路由：navigateTo、switchTab、页面栈管理，多端参数传递
路由导航 · 参数传递
10
数据请求与缓存：request、Storage、多端Cookie与Token管理
网络请求 · 缓存策略
11
用户授权与登录：getUserProfile、手机号登录，多端授权流程差异
授权登录 · 流程差异
12
支付功能集成：抖音支付、头条支付，多端支付回调处理
支付集成 · 回调处理
13
分享功能开发：share、shareVideo，多端分享面板定制
分享功能 · 面板定制
14
直播组件接入：live-player、live-pusher，多端推拉流适配
直播组件 · 推拉流
15
短视频与播放器：video组件、播放列表，多端全屏与倍速兼容
视频播放 · 全屏倍速
16
地图与位置服务：map组件、getLocation，多端坐标系转换
地图服务 · 坐标转换
17
蓝牙与硬件交互：BLE蓝牙、NFC，多端设备兼容性处理
硬件交互 · 蓝牙NFC
18
WebView与H5通信：postMessage、JSSDK，多端混合开发策略
混合开发 · H5通信
19
云开发与Serverless：云函数、云数据库，多端环境变量管理
云开发 · Serverless
20
自定义组件开发：Component构造器、插槽、多端样式隔离
自定义组件 · 样式隔离
21
npm包管理与第三方库：引入、构建、多端兼容库选择
包管理 · 兼容库
22
状态管理方案：全局数据、MobX、Redux，多端状态同步
状态管理 · 同步方案
23
单元测试与自动化：Jest、miniprogram-simulate，多端测试环境
测试自动化 · 多端环境
24
性能优化：首屏加载、包体积、渲染性能，多端监控工具
性能优化 · 监控工具
25
错误监控与日志：Error监控、日志上报，多端异常处理
错误监控 · 日志上报
26
灰度发布与A/B测试：多端版本管理、特性开关
灰度发布 · A/B测试
27
多端UI组件库：TDesign、Vant，跨端组件封装技巧
UI组件库 · 跨端封装
28
国际化与多语言：i18n方案、多端语言包加载
国际化 · 多语言
29
小程序安全：代码加固、数据加密、多端安全规范
安全加固 · 加密规范
30
上线与运维：提审流程、多端审核差异、线上问题排查
上线运维 · 审核差异