微信小程序开发实战

这门课解决什么问题，适合什么基础

很多技术学习者卡在“看过文档却写不出页面”的阶段：知道小程序有 app.json、知道有 page 和 component，但一动手就卡在事件怎么传、列表怎么渲染、接口怎么接。这门课不兜售概念，直接对着页面结构拆解，把小程序从空项目到一个能跑数据、能跳转、能复用组件的可用形态拉通一遍。它解决的是“会查文档但拼不出完整功能”的能力缺口，重点补的是模板与数据怎么绑、父子组件怎么通信、指令怎么控制渲染、网络请求和路由怎么串起来这几块。适合已经写过一点前端页面、想转岗小程序或者需要补齐实战手感的人；如果你连 HTML、CSS、JavaScript 基本语法都生疏，建议先补这些再看，否则到事件绑定和指令那一节会跟不上节奏。别假装什么都会，缺哪块就停在哪块重写，尤其是自定义事件和管道这种容易含糊的地方。

建议先看哪几块，资料怎么配合练习

不要按顺序从头刷到尾，先抓主干再看细节。第一节到第四节是骨架，快速过一遍小程序的文件构成和配置，知道每个文件干什么，然后立刻手写第一个小程序页面，别只看视频。第五节到第九节是这门课的核心，模板内容与组件属性关联、事件绑定、创建子组件、自定义事件和属性这几块必须连着练：自己建一个父页面，放一个子组件，让子组件通过自定义事件把数据传回父页面，再让父页面把新属性下发给子组件，这条链路能独立写通就算过关。第十节到第十四节是渲染控制，if、for、switch、form 这几个指令不要只记语法，要结合表单做练习：写一个带输入框、选择器和提交按钮的表单，用 for 渲染选项列表，用 if 控制某块内容显隐，用 form 的提交事件拿到数据。第十五节和第十六节是收尾，http 请求和路由要连起来练，写一个页面发起请求拿列表数据，点击列表项跳到详情页，把参数通过路由传过去。资料里的目录线索只用来定位每块讲什么，别照抄文件名，按上面的顺序把每节的代码自己敲一遍，出错了再回看对应小节，这样比线性刷完更扎实。

看完应能回答的问题

• 一个小程序的页面由哪几个文件构成，每个文件分别负责什么，数据和模板是怎么绑到一起的。
• 子组件怎么向父组件传数据，父组件又怎么把新属性传给子组件，自定义事件的触发和监听分别写在哪一侧。
• if、for、switch 这几个指令在什么场景用，列表渲染时 key 和数据项怎么对应，避免渲染错乱。
• 表单提交时怎么拿到用户输入的值，选择器、输入框的值和表单整体数据是怎么关联的。
• 发起 http 请求后拿到的数据怎么渲染到页面，路由跳转时参数怎么传、目标页怎么接收，两者怎么串成一个完整流程。

把这些问答题对照着你自己写的练习代码过一遍，能脱口说出每一步在哪段代码、为什么这么写，才算把这门课消化掉。学完你应该能独立做一个小程序功能模块：从搭建页面、拆分组件、处理表单，到调接口拿数据、渲染列表、跳转详情，整条链路不用再翻文档拼凑。如果哪一步还得回看视频才能写，就回到对应小节重练，别急着往下走。