这门课解决什么问题
很多上班族在遇到内部工具难用时,会冒出自己做个轻量应用的想法,但往往卡在环境配置和前端基础上。这门微信小程序课解决的核心场景,是让没有完整前端工程经验的人,能快速跑通从注册账号到写出一个具备列表、搜索、详情展示功能的轻量应用的全流程。它不讲底层原理,也不碰复杂的框架演进,而是直接用仿豆瓣评分小程序这个具体需求,把账号申请、开发工具安装、代码结构认知、视图容器使用、数据绑定和列表渲染串成一条可操作的线。如果你手头有需要内部展示的数据,比如员工通讯录、会议室状态、小型商品目录,学完这套流程,你就有能力把它做成一个能在微信里打开的轻量界面,而不是停留在表格或文档里。
适合什么基础与建议先看哪几块
资料适合能看懂基本标签和样式属性、但没独立写过完整页面的人。如果你完全没接触过任何标记语言,建议先补基础标签和盒模型概念,否则在 flex 布局和模板引用环节会卡住。拿到资料后,建议先看账号申请和开发工具介绍这一块,把工具跑起来,哪怕一行代码不写,先熟悉模拟器和目录结构。接着直接进第一个小程序的代码构成认知,重点理解 rpx 这个单位的逻辑,它和常规像素的差异是后续布局能否正常适配的关键。这两块过完,再进入仿豆瓣评分实战。实战部分不要跳着看,页面分析、搜索框布局、模板实现、列表渲染是层层依赖的,跳过中间任何一环,后面的数据绑定和条件渲染都会对不上。
资料怎么配合练习与学完能独立做什么
看视频时务必开着开发工具同步操作,不要只用脑子记。每看完一个章节,暂停视频,自己在工具里把刚讲的代码手敲一遍,再对照视频里的结果修正。模板化思想和 flex 布局这两块,建议各做两遍:第一遍照着抄,理解结构;第二遍把数据换成自己的,比如把电影评分换成图书列表或内部公告,检验是否真正掌握了模板引用和数据绑定。scroll-view 这个视图容器是做长列表的核心,练习时尝试调整它的滚动方向和内容数量,观察性能表现。学完整套资料,你能独立完成一个具备首页搜索、列表展示、条件渲染的轻量小程序前端界面,并理解如何把本地数据绑定到页面上。如果后续需要接入真实接口,你只需在现有结构上替换数据来源,页面布局和交互逻辑无需推倒重来。
课程目录
课程目录11 集
- 1-1 [我与小程序的第 一次约会] 2020年补录说明 (01:27).mp4
- 1-2 [我与小程序的第 一次约会] 小程序账号申请及开发工具介绍(开发准备) (07:01).mp4
- 1-3 [我与小程序的第 一次约会] 我的第一个小程序(快速了解代码构成,初识rpx) (27:26).mp4
- 2-1 [仿豆瓣评分小程序实战之旅] 电影评分小程序页面分析,学习模板化思想 (06:23).mp4
- 2-2 [仿豆瓣评分小程序实战之旅] 实战热身,实现首页搜索框布局,初识视图容器view (20:33).mp4
- 2-3 [仿豆瓣评分小程序实战之旅] 实现电影评分模板,初识数据绑定和列表渲染,条件渲染 (24:56).mp4
- 2-4 [仿豆瓣评分小程序实战之旅] 实现电影单元模板,学习flex布局,模板引用 (18:48).mp4
- 2-5 [仿豆瓣评分小程序实战之旅] 实现电影列表模板,学习视图容器scroll-view (09:49).mp4
- 2-6 [仿豆瓣评分小程序实战之旅] 请求豆瓣api,完成首页数据及各模板页的数据绑定 (21:26).mp4
- 2-7 [仿豆瓣评分小程序实战之旅] 全局数据及函数模块化,学习逻辑层函数APP() (16:12).mp4
- 2-8 [仿豆瓣评分小程序实战之旅] 完成查看更多页面,学习小程序事件机制(冒泡与非冒泡) (14:45).mp4






