小程序开发从入门到精通视频资源

如果你已经会写 HTML、CSS 和一点 JavaScript，却一直没碰过小程序，这门课解决的正是"从网页思维切到小程序思维"的那一段落差。它不是又一份 API 速查，而是把小程序里那些和普通前端不一样的地方——双线程模型、WXML/WXSS 的写法边界、setData 的更新机制、页面栈与生命周期的配合——按开发顺序拆开讲。学之前最好先问自己一句：我能不能不查文档就说清楚 Page 和 Component 的区别？如果含糊，说明缺的正是这门课要补的部分。

先补哪块：从"会写页面"到"会跑小程序"

网页开发里，DOM 随手就能改；小程序里，视图层和逻辑层是分开的，界面更新只能走 setData。这个差别看着小，实际会决定你写的代码是流畅还是卡顿。课程开头先讲基础结构和 flex 布局，把页面骨架搭起来，再往后才进入数据驱动的部分。对已经做过响应式页面的人来说，flex 那一节可以快过，但建议别跳——小程序的默认盒模型和单位换算（rpx 与 px 的取整规则）经常是做惯 PC 端的人第一个栽跟头的地方。

跟着做的两个项目，分别在练什么

豆瓣评分这个项目贯穿了好几节，从书影音档案的列表渲染，到数据缓存的读写时机，再到获取经纬度和逆地理编码。它练的不是"照着敲一遍"，而是几个容易出问题的点：列表滚动时的性能、缓存和网络请求谁先谁后、用户拒绝授权定位后界面该怎么退。后面还有小程序码、消息模块和卡证识别的内容，这部分偏向能力边界——调起扫码、接收模板消息、接第三方识别接口，每一步都涉及权限和回调时序，光看文档容易漏掉错误分支。

配套练习建议这样安排

• 基础与布局阶段：不看视频先自己写一个两栏商品卡片，再对照课程进度，专门检查 rpx 在不同机型上的表现。
• 豆瓣评分阶段：把缓存那节暂停，先想清楚哪些数据该缓存、缓存多久，再继续看别人的做法。
• 定位与地理编码阶段：主动模拟一次拒绝授权，把失败的界面和提示自己补完整。
• 卡证识别项目阶段：重点记录接口返回异常时页面如何回退，而不是只跑通成功路径。

练习不求多，求每一步都能说清"为什么这么写"。如果某个效果跑通了但讲不出原因，回头再看一遍那一节，比往前赶进度划算。

看完应该能回答的问题

• setData 一次传整个大对象和分字段更新，分别在什么场景下更合适？
• 页面的 onLoad、onShow、onReady 触发顺序是怎样的，数据请求放在哪个里更稳？
• 本地缓存和全局变量各适合存什么，页面返回时如何避免数据错乱？
• 调起扫码或识别接口失败时，会给用户看到什么、留给开发者记录什么？

能把这四问答顺，说明你不只是跟着敲完了项目，而是真的理解了小程序的运行方式。答不上来的那一条，就是你接下来该重看的地方。这门课适合当主线，也适合当查漏补缺的对照表——缺什么补什么，不必从头到尾假装什么都会。