OVERVIEW · 学习路径总图谱

微信小程序 · 74 集完整学习地图

从环境搭建到发布上线,7 大模块层层递进。跟着路线走,即可从零独立做出属于自己的小程序。

74视频分 P
7知识模块
11h48m总时长
8飞书笔记
七大模块学习路线
1

入门与环境搭建

第1-4集 · 4集 · 36:30

认识小程序定位,申请账号、安装开发者工具,看懂目录结构。

AppID开发者工具四类文件
2

全局与页面配置

第5-15集 · 11集 · 2:00:56

pages/window/tabBar 配置,App 注册,页面生命周期与 data/setData。

app.jsontabBar生命周期setData
3

常用组件全解

第16-31集 · 16集 · 2:20:27

视图容器、表单、导航、音视频、相机、地图等 16 类组件。

view/swiper表单组件navigatorvideo/map
4

事件系统与模板渲染

第32-41集 · 10集 · 1:27:04

事件分类与传参,条件/列表渲染、wx:key,模板复用。

bind/catchwx:ifwx:fortemplate
5

路由·交互·网络与播放器实战

第42-60集 · 19集 · 3:03:27

四类路由、交互弹窗、wx.request 封装、下拉/上拉,完成音乐播放器。

路由对比wx.request下拉刷新播放器实战
6

进阶能力与登录体系

第61-69集 · 9集 · 1:28:11

模块化、文件上传、缓存、分享、用户信息,wx.login 登录全链路。

uploadFileStorage分享code2Session
7

自定义组件

第70-74集 · 5集 · 51:21

Component 构造器、properties/methods、插槽,可复用 Dialog 与事件。

ComponentlifetimesslottriggerEvent
能力递进五里程碑
1
能跑能配模块1-2
2
搭静态页模块3
3
响应交互模块4
4
联网实战模块5-6
5
组件化发布模块7
贯穿全程的两条主线
数据流数据驱动视图
  • 页面状态放在 data,初始化渲染到 WXML
  • 更新视图必须 this.setData({ 字段: 新值 })
  • 事件通过 dataset / 传参把用户操作交回逻辑层
  • 网络请求结果经 setData 渲染到页面
页面栈路由管理
  • navigateTo 入栈(最多 10 层)、navigateBack 出栈
  • redirectTo 替换当前页、reLaunch 清空栈重启
  • switchTab 专跳 tabBar 页面并关闭其他非 tab 页
  • 登录态用缓存 + 拦截器在路由/请求间保持
📝 素材说明:仅第 1 集据本地 AI 总结整理,其余 73 集依据课程大纲与微信官方标准 API 补全;组件属性、wx.* API、配置字段与登录流程以微信官方文档为准。
微信小程序学习笔记 · 总览 | 配套 7 篇分册文档