🎯 2025 · 实战体系
📱
抖音生态
组件化开发实践
30 章 · 从入门到架构 · 全链路闭环
01
抖音生态概述
开放平台
小程序对比
组件化价值
02
开发环境搭建
开发者工具
项目初始化
真机调试
03
项目结构设计
目录规范
app.json
组件注册
04
基础组件入门
view/text
image
scroll-view
swiper
05
表单与交互组件
input/button
form
picker
深度解析
06
导航与路由
navigator
路由API
页面栈
07
数据驱动与状态管理
数据绑定
setData
组件通信
Store
08
生命周期与页面事件
onLoad/onShow
组件生命周期
下拉刷新
09
WXML模板语法
wx:if
wx:for
import/include
10
WXSS样式进阶
rpx适配
Flex布局
CSS变量
BEM
11
自定义组件开发
Component
properties
observers
slot
12
组件通信机制
triggerEvent
selectComponent
EventBus
13
高阶组件(HOC)与混入
Behaviors
复用
HOC模式
14
组件库搭建
npm包管理
按需加载
主题定制
15
网络请求与API封装
wx.request
拦截器
重试机制
Mock
16
本地存储与缓存
setStorageSync
缓存策略
离线能力
17
多媒体组件
camera
live-player
video
直播实践
18
地图与位置服务
map组件
定位API
POI搜索
路线规划
19
支付与交易闭环
抖音支付
订单组件
退款售后
安全规范
20
分享与裂变
onShareAppMessage
分享按钮
裂变参数
21
登录与用户体系
wx.login
手机号验证
Token管理
22
消息推送与订阅
订阅消息
模板管理
触达策略
23
性能优化实战
首屏加载
图片懒加载
虚拟列表
分包
24
自动化测试
Jest
组件测试
E2E
CI集成
25
持续集成与发布
Git工作流
自动化构建
灰度发布
26
监控与日志
Sentry
性能监控
用户行为
报警
27
安全与合规
数据加密
防刷
内容审核
隐私合规
28
多端适配
Taro/uni-app
条件编译
一套代码多端
29
大型项目架构
微前端
模块化
代码规范
团队协作
30
实战项目：抖音电商小程序
需求分析
全流程复盘
上线发布