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

微信小程序入门与实战升级版 | 超20000人学习的好课|完结无秘

这门课的主题很明确:用微信小程序原生开发方式,把一个能跑起来的小程序从零写完。它不涉及跨端框架,也不讲后端从零搭建,重点落在小程序自身的目录结构、配置、页面逻辑、组件使用和接口调用上。如果你之前只是听过「小程序开发」但没动手做过,或者跟着零散教程写了一半就卡住,这套内容能帮你把流程补齐。 它解决的是

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

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

保障

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

客服

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

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

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

会员 A · 按档位折扣

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

会员 B

VIP¥5.98低至
SVIP单买¥200 内可领

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

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

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

这门课的主题很明确:用微信小程序原生开发方式,把一个能跑起来的小程序从零写完。它不涉及跨端框架,也不讲后端从零搭建,重点落在小程序自身的目录结构、配置、页面逻辑、组件使用和接口调用上。如果你之前只是听过「小程序开发」但没动手做过,或者跟着零散教程写了一半就卡住,这套内容能帮你把流程补齐。

它解决的是「能看懂但写不出」的问题

很多人学小程序卡在三个地方:一是不知道一个页面由哪几类文件组成,改哪个文件起什么作用;二是配置项和生命周期记不住,页面之间传参、跳转总是出错;三是拿到接口数据后不知道怎么渲染成列表、怎么做搜索和分页。这门课从基本目录结构和四类页面文件讲起,把全局配置、全局样式、应用级逻辑这些容易混淆的概念拆开说,再带一个完整项目往下走。电影列表与搜索部分专门处理数据请求、列表渲染和交互修复,属于实际开发中一定会遇到的场景。学完这些,你至少不会再对着空白编辑器发呆。

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

适合有基础 HTML、CSS 和 JavaScript 读写能力的人。如果你完全没碰过 JS,建议先补变量、函数、数组对象操作和简单回调,否则跟起来会吃力。有 Vue 或 React 经验的人上手会更快,但小程序自己的生命周期和 setData 机制仍然需要重新过一遍。建议先看目录结构与文件作用剖析这一块,把页面四类文件和全局配置的关系理清楚;接着看全局配置、全局样式和应用级 JS 文件,理解项目级设置怎么影响每个页面;然后再进入具体项目,跟着写页面结构和样式。不要一上来就跳到接口请求,基础没理顺,后面报错会很难排查。

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

跟完并自己动手写一遍之后,你应该能独立完成一个带列表展示、搜索筛选、页面跳转和数据请求的小程序,能读懂常见配置项,能定位页面不渲染、参数传丢、样式不生效这类基础问题。资料里的视频和文档建议这样配合:先看一节视频,理解这一节要解决什么,然后关掉视频自己照着目录结构敲一遍;文档用来对照配置项和文件作用,不要只收藏不看。遇到报错先看控制台和调试器,再回看对应章节。每完成一个模块,试着把项目里的数据换成自己的假数据,改一改样式和交互,确认自己是真的会了,而不是跟着敲了一遍。

这门课不承诺学完就能拿高薪,也不覆盖小程序云开发和复杂工程化。它的价值在于把原生小程序开发的主干流程讲清楚,让你具备继续自己往下写的基础。如果你要的是能独立做出一个可用的小程序,并且愿意花时间动手,这套资料值得按顺序过一遍。

课程目录

课程目录152 集
  • 📁 02-小程序的基本目录结构与文件作用剖析 02-小程序的基本目录结构与文件作用剖析文档.png [493.5 KB] 2.2-小程序的全局配置文件、全局样式表和应用程序级别js文件.mp4
  • [51.7 MB] 2.1-小程序页面的4种基本文件类型详解.mp4
  • [66.2 MB] 2.3-认识一下我们要开发的Flower项目.mp4
  • [49.0 MB] 📁 12-电影列表与电影搜索 12.01-wx.request的更多参数讲解.mp4
  • [41.5 MB] 12.11-修复Space-Between2个元素两端分布的问题.mp4
  • [33.7 MB] 12.03-更多电影2-加载更多数据.mp4
  • [49.4 MB] 12.06-更多电影5-加载不同类型的电影数据.mp4
  • [54.1 MB] 12.02-更多电影1-分析更多电影页面的逻辑.mp4
  • [66.0 MB] 12.10-显示搜索的电影数据.mp4
  • [49.5 MB] 12.05-更多电影4-Flex布局对于普通样式类的影响.mp4
  • [35.4 MB] 12.04-更多电影3-Flex-Wrap的应用.mp4
  • [56.6 MB] 12.08-向服务器请求搜索数据.mp4
  • [64.9 MB] 12.09-搜索结果与电影数据的切换显示.mp4
  • [49.9 MB] 12.07-使用LinUI快速构建搜索栏.mp4
  • [48.5 MB] 📁 03-rpx响应式单位与flex布局 03-rpx响应式单位与flex布局文档.zip
  • [1.8 MB] 3.9-聊聊小程序的方便性与灵活性的悖论.mp4
  • [115.5 MB] 3.7-flex布局的align-items.mp4
  • [45.2 MB] 3.4-小程序rpx响应式单位的特点(非常重要).mp4
  • [107.7 MB] 3.8-自己编写一个Button组件.mp4
  • [47.7 MB] 3.6-初识flex布局进行垂直分布布局.mp4
  • [71.2 MB] 3.3-image标签显示一张图片.mp4
  • [43.2 MB] 3.5-分离CSS样式到WXSS文件中.mp4
  • [45.3 MB] 3.2-新建页面的技巧与规则.mp4
  • [40.0 MB] 3.1-JSON对象与JS对象的区别(重点).mp4
  • [31.2 MB] 📁 课件 V3-2020-master.zip
  • [9.0 MB] 📁 09-音乐播放 9.10-分析一个不是问题的问题.mp4
  • [25.0 MB] 9.04-切换音乐播放图标的两种方案:条件渲染与js表达式.mp4
  • [79.4 MB] 9.05-音乐播放状态切换.mp4
  • [51.0 MB] 9.09-全局变量解决音乐播放状态初始化不正确的问题.mp4
  • [48.6 MB] 9.01-浮动居中方案-通过left和top定位音乐图标.mp4
  • [76.5 MB] 9.11-让每篇文章音乐独立显示状态.mp4
  • [47.1 MB] 9.02-小程序音乐播放API介绍.mp4
  • [36.5 MB] 9.07-同步音乐总控开关与自有播放开光的状态.mp4
  • [61.4 MB] 9.03-小试音乐播放API.mp4
  • [67.8 MB] 9.06-背景音乐的监听相关API.mp4
  • [28.4 MB] 9.08-音乐控制面板的暂停与停止逻辑.mp4
  • [30.2 MB] 📁 05-条件渲染、列表渲染与小程序事件 5.11-Mustache语法解析.mp4
  • [91.5 MB] 5.10-数据绑定的实战应用.mp4
  • [50.8 MB] 5.09-小程序的生命周期函数与特殊回调函数.mp4
  • [86.9 MB] 5.01-使用LinUI的Icon组件代替图片ICON.mp4
  • [73.0 MB] 5.04-单向数据绑定与双向数据绑定.mp4
  • [82.5 MB] 5.14-列表渲染(下).mp4
  • [32.0 MB] 5.15-什么是事件.mp4
  • [29.3 MB] 5.05-数据绑定与setData函数(1).mp4
  • [76.7 MB] 5.13-列表渲染(上).mp4
  • [88.6 MB] 5.16-bind来捕捉事件执行回调函数.mp4
  • [43.3 MB] 5.02-LinUIIcon组件的颜色和大小设置.mp4
  • [54.1 MB] 5.03-小程序开发数据的流向(1).mp4
  • [56.5 MB] 5.12-条件渲染.mp4
  • [44.5 MB] 5.08-预先在data中定义绑定数据的初始值是值得推荐的做法.mp4
  • [42.3 MB] 5.06-DOM优先VS数据优先.mp4
  • [53.1 MB] 5.07-理解Page.data与this.SetData的关系.mp4
  • [55.0 MB] 📁 10-初识小程序的自定义组件 10-初识小程序的自定义组件说明.zip
  • [1.8 MB] 10.05-初识自定义组件.mp4
  • [77.1 MB] 10.08-自定义组件属性的简化定义.mp4
  • [34.3 MB] 10.11-自定义组件的嵌套引用.mp4
  • [82.9 MB] 10.10-分离文章到单独的自定义组件中.mp4
  • [41.9 MB] 10.01-文章列表顶部轮播图跳转.mp4
  • [28.7 MB] 10.04-跳转到带有选项卡的页面需要使用switchTab.mp4
  • [17.1 MB] 10.09-自定义属性可以接收一个Object对象.mp4
  • [39.7 MB] 10.06-新建第一个自定义组件.mp4
  • [45.9 MB] 10.03-小程序tabBar的其他配置选项.mp4
  • [62.9 MB] 10.07-创建自定义组件的属性.mp4
  • [49.3 MB] 10.02-小程序tabBar选项卡配置基础.mp4
  • [46.3 MB] 📁 07-构建阅读详情页面 07-构建阅读详情页面文档.zip
  • [1.8 MB] 7.02-构建文章详情页面2.mp4
  • [25.3 MB] 7.05-Flex的高级应用2-主轴和交叉轴.mp4
  • [64.3 MB] 7.03-构建文章详情页面3.mp4
  • [56.6 MB] 7.04-Flex的高级应用1.mp4
  • [78.5 MB] 7.09-在页面的onLoad函数中获取查询参数.mp4
  • [41.7 MB] 7.08-自定义属性data-的命名规则.mp4
  • [71.9 MB] 7.11-为什么只传post-id.mp4
  • [25.8 MB] 7.07-组件的自定义属性data.mp4
  • [48.3 MB] 7.06-Flex的高级应用3.mp4
  • 7.10-加载详情数据并填充页面.mp4
  • [62.7 MB] 7.01-构建文章详情页面1.mp4
  • [50.1 MB] 📁 08-缓存机制与异步API的async和await 8.14-showModal的回调函数与Promise.mp4
  • [63.6 MB] 8.01-app.js的意义和作用.mp4
  • [45.5 MB] 8.09-缓存如何不被覆盖.mp4
  • [46.2 MB] 8.08-初始化收藏状态.mp4
  • [39.5 MB] 8.07-收藏未收藏的切换.mp4
  • [35.4 MB] 8.12-牢记setData对于data属性的影响.mp4
  • [39.0 MB] 8.10-同步文章缓存状态.mp4
  • [45.5 MB] 8.13-showToast更换成showModal.mp4
  • [65.4 MB] 8.05-文章收藏1-分析思路.mp4
  • [67.9 MB] 8.06-文章收藏2-JS的动态属性.mp4
  • [35.5 MB] 8.15-showActionSheet的使用.mp4
  • [51.8 MB] 8.11-showToast接口的应用.mp4
  • [54.2 MB] 8.02-在app.js中保存全局变量.mp4
  • [26.2 MB] 8.04-异步函数的几个方案:回调函数、promise与await.mp4
  • [85.2 MB] 8.03-小程序缓存的增删改查与清除.mp4
  • [70.6 MB] 📁 04-阅读列表与setData数据绑定 4.03-如何使用自定义组件.mp4
  • [78.2 MB] 4.08-Swiper组件2-Swiper组件内容的高宽设置技巧.mp4
  • [54.8 MB] 4.15-用Flex布局组织布局思路4.mp4
  • [66.9 MB] 4.01-LinUI组件库介绍.mp4
  • [47.9 MB] 4.12-用Flex布局组织布局思路1.mp4
  • [59.7 MB] 4.10-布尔属性值赋值的良好建议.mp4
  • [31.5 MB] 4.04-avatar头像和昵称组件.mp4
  • [61.0 MB] 4.13-用Flex布局组织布局思路2.mp4
  • [46.0 MB] 4.16-用Flex布局组织布局思路5.mp4
  • [80.5 MB] 4.09-属性设置一定要注意字符串以JS表达式的区别(重要).mp4
  • [82.8 MB] 4.07-Swiper组件1-通过插槽设置轮播内容.mp4
  • [57.4 MB] 4.02-安装、编译LinUI.mp4
  • [69.7 MB] 4.14-用Flex布局组织布局思路3.mp4
  • [67.1 MB] 4.11-Swiper组件的其他重要属性设置.mp4
  • [46.0 MB] 4.05-添加新的编译模式.mp4
  • [60.7 MB] 4.06-初步了解Swiper和Swiper-Item组件.mp4
  • [48.1 MB] 📁 11-电影页面与实战自定义组件 11.04-巧用Flex布局的Space-Between进行分布排列.mp4
  • [55.3 MB] 11.02-使用LinUI的评分组件快速实现分数预览.mp4
  • [70.1 MB] 11.01-Movie自定义组件的构建.mp4
  • [59.5 MB] 11.08-从服务器加载数据分页数据并传入自定义组件.mp4
  • [77.2 MB] 11.03-简易评分组件的实现思路(选看).mp4
  • [27.4 MB] 11.05-调整自定义组件间距.mp4
  • [42.5 MB] 11.10-绑定电影数据1-两种不同的评分方式.mp4
  • [44.2 MB] 11.09-使用ES6箭头函数解决this指代的问题.mp4
  • [52.3 MB] 11.11-绑定服务端电影数据2.mp4
  • [49.0 MB] 11.06-外部样式类externalClasses的使用.mp4
  • [83.5 MB] 11.07-小试牛刀访问服务端数据.mp4
  • [54.1 MB] 11.12-完成即将上映和top250.mp4
  • [62.0 MB] 📁 06-路由函数与事件冒泡 6.1-路由函数NavigateTo和RedirectTo的区别.mp4
  • [95.9 MB] 6.3-js模块的导入导出(require与import).mp4
  • [87.9 MB] 6.2-Catch与Bind事件的区别.mp4
  • [57.5 MB] 6.5-从列表页面跳转到文章详情页面.mp4
  • [55.6 MB] 6.7-事件冒泡的具体应用.mp4
  • [33.4 MB] 6.4-用列表渲染展示导入的数组数据.mp4
  • [53.5 MB] 6.6-列表渲染的wxkey赋值规则.mp4
  • [37.3 MB] 📁 13-电影详情与滑动加载数据、下拉刷新数据 13.13-电影详情页5-图片的多种mode模式.mp4
  • [55.7 MB] 13.19-Scroll-View组件的应用与结束语.mp4
  • [55.7 MB] 13.15-电影简介部分的CSS构建.mp4
  • [55.2 MB] 13.17-多层Flex布局的嵌套应用.mp4
  • [41.0 MB] 13.01-上滑加载更多数据1-onReachBottom.mp4
  • [82.9 MB] 13.04-配置标题与动态配置标题.mp4
  • [85.1 MB] 13.18-调整影人信息的CSS细节.mp4
  • [31.3 MB] 13.08-同时获取自定义属性和自定义组件的detail参数.mp4
  • [76.6 MB] 13.02-上滑加载更多数据2-showloading提示.mp4
  • [39.9 MB] 13.11-电影详情页面3-头部元素浮动技巧.mp4
  • [65.6 MB] 13.10-电影详情页面2-顶部区域.mp4
  • [67.2 MB] 13.09-电影详情页面1-获取电影详情数据.mp4
  • [48.5 MB] 13.07-获取自定义组件的detail参数.mp4
  • [46.6 MB] 13.14-数据预处理.mp4
  • [149.9 MB] 13.05-谈组件的独立性.mp4
  • [41.9 MB] 13.16-处理影人信息.mp4
  • [60.8 MB] 13.12-电影详情页面4-图片预览效果只做.mp4
  • [62.2 MB] 13.03-下拉刷新数据1.mp4
  • [77.8 MB] 13.06-自定义组件的自定义事件产生.mp4
  • [61.5 MB] 📁 01-初识微信小程序 1.5-新版小程序开发工具的一些基本设置.mp4
  • [65.9 MB] 1.4-小程序appid的注册.mp4
  • [13.6 MB] 1.6-小程序的基本单位-Page页面.mp4
  • [38.4 MB] 1.3-新建小程序项目.mp4
  • [50.8 MB] 1.1-微信小程序全新版重录说明.mp4
  • [11.6 MB] 1.2-下载小程序开发工具.mp4
  • [18.0 MB] 适合人群 前端开发新手 微信小程序爱好者 希望提升开发技能的程序员 学习收获 掌握微信小程序开发基础 学会实战项目开发 提升小程序开发技能 祝您学习愉快! 学有所成,前程似锦!