飞豹客 · 课能看,资料也能带走
飞豹客前端开发 会员免费

尚硅谷微信小程序+项目【小程序基础与慕尚花坊项目】

微信小程序开发是前端方向里比较特殊的一块:它不复杂,但坑集中在配置、生命周期和页面栈上,自学时很容易卡在「照着写完能跑,换个需求就不会」。这套资料围绕小程序基础和慕尚花坊项目展开,适合把它当成一次系统梳理,而不是从零到就业的全套方案。 它解决的是什么问题 如果你已经会 HTML、CSS 和一点 Ja

单课价¥29.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
120 人关注 更新于 2026-05-18 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员可按日额度下载(每篇扣 1 次)。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥29.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

微信小程序开发是前端方向里比较特殊的一块:它不复杂,但坑集中在配置、生命周期和页面栈上,自学时很容易卡在「照着写完能跑,换个需求就不会」。这套资料围绕小程序基础和慕尚花坊项目展开,适合把它当成一次系统梳理,而不是从零到就业的全套方案。

它解决的是什么问题

如果你已经会 HTML、CSS 和一点 JavaScript,却一直没真正做过小程序,问题通常不在语法,而在几个具体环节:全局配置和页面配置分别管什么、tabBar 和窗口样式怎么改、页面生命周期和组件生命周期在什么时候触发、事件传参为什么拿不到数据、分包什么时候该用。这套资料把这些点单独拆开讲,配合一个完整的电商类项目,让你在真实页面结构里理解这些概念,而不是停留在单个 API 的演示上。

它不解决的是:不会 JavaScript 的人学起来会很吃力,因为小程序的事件绑定、数据绑定、setData 更新机制都建立在 JS 基础上。另外它也不是后端或全栈内容,接口部分以调用为主。

适合什么基础,先看哪几块

建议至少写过静态页面,能看懂函数和对象,再开始。顺序上不要一上来就翻项目,先把基础部分里关于配置、事件处理、生命周期这几块过一遍——这几块是后面所有页面逻辑的地基,尤其是生命周期,很多「数据没渲染出来」「页面返回后状态丢了」的问题都出在这里。看完基础再进项目,你会发现项目里的页面切换、数据请求、列表渲染都能对上号。

如果你已经做过一两个小程序,可以跳过最前面的环境搭建和基础语法,直接看生命周期、分包加载和项目部分,把之前靠试错摸出来的经验补成体系。扩充部分适合在项目做到一半、遇到具体问题时回头查,不必按顺序啃。

学完能独立做什么,资料怎么配合练习

跟完一遍并自己动手敲过项目后,你应该能独立完成一个带首页、列表、详情、购物车这类典型页面结构的小程序:能自己配置页面路由和 tabBar,能处理点击、传参和表单,能调接口渲染数据并处理加载状态,也能在页面变多之后做基本的分包规划。这基本覆盖了中小型小程序的前端部分。

练习方式上,建议不要只跟着视频抄。每看完一个基础模块,就自己新建一个页面把对应知识点用一遍,比如学完事件处理就做一个带增删的列表;项目部分可以先按自己的思路写,卡住了再对照资料调整。文档类资料适合当手册用,遇到配置项或生命周期顺序记不清时再翻,比从头读到尾效率高。项目跑通之后,试着改一个需求,比如加一个搜索页或改一套配色,能改得动,才算真的掌握了。

课程目录

PPT 📁 小程序基础 ppt114 集
  • 02-微信小程序-配置文件.pdf
  • [4.3 MB] 12-微信小程序-扩充.pdf
  • [605.2 KB] 06-微信小程序-生命周期.pdf
  • [4.4 MB] 09-微信小程序-npm 支持.pdf
  • [4.1 MB] 04-微信小程序-事件处理.pdf
  • [4.1 MB] 10-微信小程序-分包加载.pdf
  • [4.2 MB] 01-微信小程序-小程序基础.pdf
  • [950.8 KB] 03-微信小程序-样式和组件.pdf
  • [4.6 MB] 11-微信小程序-开放能力.pdf
  • [4.2 MB] 08-微信小程序-自定义组件.pdf
  • [5.0 MB] 05-微信小程序-模板语法.pdf
  • [4.3 MB] 07-微信小程序-小程序API.pdf
  • [4.5 MB] 📁 慕尚花坊 ppt 慕尚花坊.pdf
  • [505.8 KB] 📁 视频 074-自定义组件-拓展-外部样式类.mp4
  • [96.0 MB] 051-小程序API-界面交互-loading 提示框.mp4
  • [93.0 MB] 067-自定义组件-组件通信-子往父传值.mp4
  • [187.2 MB] 037-wxml语法-拓展-setData修改对象类型数据.mp4
  • [214.3 MB] 016-配置文件-项目配置文件和配置sass.mp4
  • [99.9 MB] 002-小程序基础-初识微信小程序.mp4
  • [34.9 MB] 143-用户信息-使用数据渲染用户信息.mp4
  • [36.8 MB] 024-组件-组件案例-绘制公司信息区域.mp4
  • [177.0 MB] 071-自定义组件-总结小程序生命周期.mp4
  • [100.6 MB] 132-框架扩展-在页面中使用 Store 数据-方式1.mp4
  • [22.3 MB] 184-购物车-购物车商品合计.mp4
  • [24.7 MB] 092-补充-小程序组件通信-事件总线.mp4
  • [38.0 MB] 159-收货地址-实现更新收货地址功能.mp4
  • [66.9 MB] 153-收货地址-开通腾讯位置服务.mp4
  • [24.4 MB] 157-收货地址-实现新增收货地址.mp4
  • [23.0 MB] 044--生命周期-小程序更新机制.mp4
  • [90.6 MB] 106-网络请求封装-request 实例方法.mp4
  • [250.7 MB] 059-自定义组件-数据和方法.mp4
  • [99.5 MB] 095-项目初始化-慕尚花坊项目介绍.mp4
  • [36.5 MB] 144-分包处理-配置分包以及预下载.mp4
  • [52.6 MB] 036-wxml语法-setData() 修改数据.mp4
  • [73.6 MB] 199-代码优化-代码优化与代码质量检测.mp4
  • [480.6 MB] 072-自定义组件-拓展-使用 Component 构造页面.mp4
  • [160.0 MB] 003-小程序基础-注册微信小程序账号.mp4
  • [45.1 MB] 115-网络请求封装-完善 loading.mp4
  • [98.8 MB] 008-小程序基础-创建小程序项目.mp4
  • [45.7 MB] 032-事件系统-事件分类以及阻止事件冒泡.mp4
  • [59.1 MB] 029-组件-组件案例-字体图标的使用.mp4
  • [196.9 MB] 111-网络请求封装-完善请求-响应拦截器.mp4
  • [203.9 MB] 055-小程序API-页面处理函数-上拉加载.mp4
  • [176.4 MB] 077-npm支持-自定义构建 npm.mp4
  • [117.3 MB] 099-项目初始化-集成项目页面文件和基础配置.mp4
  • [52.9 MB] 179-购物车-控制全选按钮的选中状态.mp4
  • [35.2 MB] 020-样式-全局样式和局部样式.mp4
  • [35.1 MB] 164-商品管理-商品列表-获取商品列表数据并渲染.mp4
  • [30.9 MB] 063-自定义组件-组件样式隔离.mp4
  • [124.2 MB] 057-小程序API-拓展-增强 scroll-view.mp4
  • [153.9 MB] 193-小程序支付-梳理小程序支付流程.mp4
  • [28.5 MB] 176-购物车-购物车关联 Store 对象.mp4
  • [17.9 MB] 061-自定义组件-组件wxml的slot.mp4
  • [202.0 MB] 062-自定义组件-组件样式和注意事项.mp4
  • [261.8 MB] 015-配置文件-页面配置.mp4
  • [36.3 MB] 001.教程简介.mp4
  • [12.4 MB] 114-网络请求封装-添加 loading.mp4
  • [85.2 MB] 026-组件-组件案例-点击商品导航跳转到商品列表.mp4
  • [329.1 MB] 200-项目上线-演示上线流程.mp4
  • [15.7 MB] 033-事件系统-事件传参-data-自定义数据.mp4
  • [224.8 MB] 014-配置文件-全局配置-tabbar 配置.mp4
  • [103.3 MB] 043-生命周期-小程序运行机制.mp4
  • [75.4 MB] 050-小程序API-发起网络请求.mp4
  • [171.7 MB] 052-小程序API-界面交互-模态对话框-消息提示框.mp4
  • [85.1 MB] 098-项目初始化-自定义构建 npm以及集成Sass.mp4
  • [95.8 MB] 038-wxml语法-拓展-setData修改数组类型数据.mp4
  • [150.3 MB] 177-购物车-获取并渲染购物车列表.mp4
  • [46.4 MB] 070-自定义组件-组件所在页面的生命周期.mp4
  • [54.4 MB] 168-商品管理-商品列表-实现下拉刷新功能.mp4
  • [23.4 MB] 042-wxml语法-条件渲染.mp4
  • [208.2 MB] 158-收货地址-收货地址列表渲染.mp4
  • [35.3 MB] 078-npm支持-vant组件库的使用.mp4
  • [205.8 MB] 146-更新用户信息-更新用户头像.mp4
  • [420.7 MB] 180-购物车-实现全选和全不选功能.mp4
  • [44.5 MB] 196-小程序支付-发起微信支付.mp4
  • [23.3 MB] 011-配置文件-配置文件介绍.mp4
  • [32.4 MB] 085-开放能力-获取微信昵称.mp4
  • [130.6 MB] 125-项目首页-首页骨架屏组件.mp4
  • [207.5 MB] 045-生命周期-小程序生命周期介绍.mp4
  • [25.5 MB] 178-购物车-更新商品的购买状态.mp4
  • [43.9 MB] 107-网络请求封装-设置请求参数.mp4
  • [218.0 MB] 149-收货地址-收集省市区数据.mp4
  • [53.4 MB] 173-购物车-加入购物车-页面关联 Store 对象.mp4
  • [20.4 MB] 190-商品结算-获取立即购买商品数据.mp4
  • [35.4 MB] 004-小程序基础-完善小程序账号信息.mp4
  • [50.9 MB] 096-项目初始化-开发前置-申请开发权限.mp4
  • [66.4 MB] 060-自定义组件-属性 properties.mp4
  • [190.5 MB] 183-购物车-更新商品购买数量防抖.mp4
  • [29.7 MB] 172-购物车-加入购物车-模板分析和渲染.mp4
  • [34.6 MB] 104-通用模块封装-封装本地存储 API.mp4
  • [411.1 MB] 192-商品结算-提交订单请求参数验证.mp4
  • [56.0 MB] 118-网络请求封装-使用 npm 包发送请求.mp4
  • [151.8 MB] 005-小程序基础-项目成员和体验成员.mp4
  • [30.4 MB] 079-npm支持-Vant Weapp 组件样式覆盖.mp4
  • [167.2 MB] 034-事件系统-事件传参-mark 自定义数据.mp4
  • [104.8 MB] 189-商品结算-获取订单详情数据.mp4
  • [36.8 MB] 187-商品结算-获取收货地址.mp4
  • [33.8 MB] 154-收货地址-腾讯位置服务逆地址解析获取地址.mp4
  • [106.2 MB] 090-补充-框架接口-getApp()-全局数据共享.mp4
  • [98.9 MB] 097-项目初始化-创建项目与项目初始化.mp4
  • [70.2 MB] 138-用户登录-什么是 token.mp4
  • [12.4 MB] 124-项目首页-商品导航+活动区域+猜你喜欢+人气推荐.mp4
  • [379.9 MB] 122-项目首页-分析轮播图区域并渲染.mp4
  • [172.6 MB] 156-收货地址-新增收货地址表单验证.mp4
  • [57.5 MB] 128-商品分类-获取并渲染二级分类数据.mp4
  • [89.8 MB] 035-wxml语法-声明和绑定数据.mp4
  • [141.4 MB] 123-项目首页-实现轮播图和指示点的联动.mp4
  • [147.6 MB] 129-框架扩展-mobx-miniprogram 介绍.mp4
  • [22.9 MB] 160-收货地址-实现删除收货地址.mp4
  • [22.9 MB] 119-环境变量-小程序设置环境变量.mp4
  • [174.0 MB] 163-商品管理-商品列表-准备列表请求参数.mp4
  • [24.1 MB] 082-分包加载-独立分包的配置.mp4
  • [49.9 MB] 165-商品管理-商品列表-实现上拉加载更多功能.mp4
  • [26.9 MB] 适合人群 前端开发者 小程序初学者 希望提升小程序开发能力的人 学习收获 熟练掌握微信小程序开发 能够独立开发小程序项目 提升前端开发技能 祝您学习愉快! 学有所成,前程似锦!