小程序入门与实战-全新版盘
⼩程序⼊门与实战-全新版盘
⼩程序，⼩程序的⼀种，英⽂名Wechat Mini Program，是⼀种不需要下载安装即可使⽤的应⽤，它实现了应⽤“触⼿可及”的梦想，⽤户扫⼀扫或搜⼀下即可打开应⽤。全球最⽕爆的闭环⽣态。
全⾯开放申请后，主体类型为企业、其他组织或个⼈的开发者，均可申请注册⼩程序。⼩程序、、服务号、企业号是并⾏的体系。
⼩程序是⼀种不⽤下载就能使⽤的应⽤，也是⼀项创新，经过将近两年的发展，已经构造了新的⼩程序开发环境和开发者⽣态。⼩程序也是这么多年来中国IT⾏业⾥⼀个真正能够影响到普通程序员的创新成果，已经有超过150万的开发者加⼊到了⼩程序的开发，与我们⼀起共同发⼒推动⼩程序的发展，⼩程序应⽤数量超过了⼀百万，覆盖200多个细分的⾏业，⽇活⽤户达到两个亿，⼩程序还在许多城市实现了⽀持地铁、公交服务。⼩程序发展带来更多的就业机会，2017年⼩程序带动就业104万⼈，社会效应不断提升。 [1]
2017年1⽉9⽇，张⼩龙在2017公开课Pro上发布的⼩程序正式上线。
2018年2⽉，官⽅发布公告称：已对涉及假货⾼仿、⾊情低俗和违规“现⾦贷”等超过2000个⼩程序，进⾏永久封禁处理。2019年8⽉9⽇，向开发者发布新能⼒公测与更新公告，PC版新版本中，⽀持打开聊天中分享的⼩程序。
课程列表
第1章 全新版：初识⼩程序 本章，我们初步了解什么是⼩程序。同时，我们会下载⼩程序⼯具、申请appid，并进⾏⼀些列开发的准备⼯作。共 6 节 (35分钟) 收起列表
1-1 2020版重录说明 (04:55)
1-2 下载⼩程序开发⼯具 (02:54)
1-3 新建⼩程序项⽬ (08:04)
1-4 ⼩程序appid的注册 (01:49)
1-5 新版⼩程序开发⼯具的⼀些基本设置 (10:24)
1-6 ⼩程序的基本单位-Page页⾯ (06:06)
第2章 全新版：⼩程序的基本⽬录结构与⽂件作⽤剖析本章我们会了解⼩程序官⽅种⼦项⽬的⽬录结构，并介绍Page页⾯。同时我们还需要了解页⾯级别的⽂件和应⽤程序级别的⽂件有什么区别。共 3 节 (25分钟) 收起列表
2-1 ⼩程序页⾯的4种基本⽂件类型详解 (09:39)
2-2 ⼩程序的全局配置⽂件、全局样式表和应⽤程序级别js⽂件 (07:44)
2-3 认识⼀下我们要开发的Flower项⽬ (07:02)
第3章 全新版：rpx响应式单位与flex布局本章我们通过制作第⼀个welcome欢迎页⾯来学习如何在⼩程序中做响应式。同时，我们需要学习⾮常重要的布局语法——flex布局。这是在⼩程序中⽤的最多也是 最为好⽤的布局⽅案。共 10 节 (88分钟) 收起列表
3-1 JSON对象与JS对象的区别（重点） (06:13)
3-2 作业节
3-3 新建页⾯的技巧与规则 (08:01)
3-4 image标签显⽰⼀张图⽚ (07:06)
3-5 ⼩程序rpx响应式单位的特点（⾮常重要） (16:14)
3-6 分离CSS样式到WXSS⽂件中 (06:57)
3-7 初识flex布局进⾏垂直分布布局 (10:46)
3-8 flex布局的align-items (06:45)
3-9 ⾃⼰编写⼀个Button组件 (07:34)
3-10 聊聊⼩程序的⽅便性与灵活性的悖论 (17:29)
第4章 全新版：阅读列表与setData数据绑定本章我们通过编写新闻阅读页⾯来学习⼩程序的数据绑定的概念。同时，我们也会介绍LinUI组件库的⽤法。共 16 节 (149分钟) 收起列表
4-1 LinUI组件库介绍 (06:52)
4-2 安装、编译LinUI (12:01)
4-3 如何使⽤⾃定义组件 (13:05)
4-4 l-avatar头像和昵称组件 (09:22)
4-5 添加新的编译模式 (07:47)
4-6 初步了解Swiper和Swiper-Item组件 (08:29)
4-7 Swiper组件（1）通过插槽设置轮播内容 (08:49)
4-8 Swiper组件（3）Swiper组件内容的⾼宽设置技巧 (08:40)
4-9 属性设置⼀定要注意字符串以JS表达式的区别（重要） (12:26)
4-10 布尔属性值赋值的良好建议 (04:44)
4-11 Swiper组件的其他重要属性设置 (07:26)
4-12 ⽤Flex布局组织布局思路（1） (09:37)
4-13 ⽤Flex布局组织布局思路（2） (06:49)
4-14 ⽤Flex布局组织布局思路（3） (10:30)
4-15 ⽤Flex布局组织布局思路（4） (09:56)
4-16 ⽤Flex布局组织布局思路（5） (12:10)
第5章 全新版：条件渲染、列表渲染与⼩程序事件本章我们来学习wx:if与wx：for等渲染语法。同时我们需要了解⼩程序的事件处理机制。共 17 节 (156分钟) 收起列表
5-1 使⽤LinUI的Icon组件代替图⽚ICON (11:20)
5-2 LinUI Icon组件的颜⾊和⼤⼩设置 (08:18)
5-3 ⼩程序开发数据的流向（1） (09:42)
5-4 单向数据绑定与双向数据绑定 (13:37)
5-5 数据绑定与setData函数（1） (12:03)
5-6 DOM优先 VS 数据优先 (08:26)
5-7 作业节
5-8 理解Page.data与this.SetData的关系 (08:33)
5-9 预先在data中定义绑定数据的初始值是值得推荐的做法 (06:20)
5-10 ⼩程序的⽣命周期函数与特殊回调函数 (13:32)
5-11 数据绑定的实战应⽤ (07:59)
5-12 Mustache语法解析 (18:02)
5-13 条件渲染 (06:59)
5-14 列表渲染（上） (14:01)
5-15 列表渲染（下） (05:15)
5-16 什么是事件 (04:35)
5-17 bind来捕捉事件执⾏回调函数 (06:42)
第6章 全新版：路由函数与事件冒泡本章我们将重点学习⼩程序的⼏个路由函数⽤于跳转页⾯，同时我们将学习⼩程序的事件冒泡机制。共8 节 (65分钟) 收起列表
6-1 路由函数NavigateTo和RedirectTo的区别 (14:44)
6-2 作业节
6-3 Catch与Bind事件的区别 (08:49)
6-4 js模块的导⼊导出（require与import）_1 (13:33)
6-5 ⽤列表渲染展⽰导⼊的数组数据 (07:55)
6-6 从列表页⾯跳转到⽂章详情页⾯ (08:41)
6-7 列表渲染的wxkey赋值规则 (06:05)
6-8 事件冒泡的具体应⽤ (05:12)
第7章 全新版：构建阅读详情页⾯本章我们主要构建新闻详情页⾯，同时介绍Flex的主轴和交叉轴、⾃定义属性data-等技术和知识共 11节 (88分钟) 收起列表
7-1 构建⽂章详情页⾯（1） (07:32)
7-2 构建⽂章详情页⾯（2） (03:58)
7-3 构建⽂章详情页⾯（3） (09:13)
7-4 Flex的⾼级应⽤（1） (13:10)
7-5 Flex⾼级应⽤（2）主轴和交叉轴 (10:11)
7-6 Flex⾼级应⽤（3） (04:08)
7-7 组件的⾃定义属性data (07:27)
7-8 ⾃定义属性data-的命名规则 (11:24)
7-9 在页⾯的onLoad函数中获取查询参数 (06:51)
7-10 加载详情数据并填充页⾯ (09:59)
7-11 为什么只传post-id (03:53)
第8章 全新版：缓存机制与异步API的async和await本章我们通过制作⽂章收藏的功能，学习⼩程序的缓存机制与异步API的调⽤⽅案，同时我们将学习如何使⽤async和await来简化异步API的调⽤。共 17 节 (123分钟) 收起列表
8-1 app.js的意义和作⽤ (07:04)
8-2 作业节
8-3 在app.js中保存全局变量 (03:58)
8-4 作业节
8-5 ⼩程序缓存的增删改查与清除 (11:06)
8-6 异步函数的⼏个⽅案：回调函数、promise与await (13:44)
8-7 ⽂章收藏（1）分析思路 (10:48)
情人节祝语8-8 ⽂章收藏（2）JS的动态属性 (05:39)
8-9 收藏未收藏的切换 (05:23)
8-10 初始化收藏状态 (06:11)
8-11 缓存如何不被覆盖？ (07:41)
8-12 同步⽂章缓存状态 (06:59)
8-13 showToast接⼝的应⽤ (08:53)
8-14 牢记setData对于data属性的影响 (06:08)
8-15 showToast更换成showModal（1） (10:25)
情侣装品牌
8-16 showModal的回调函数与Promise (10:12)
8-17 showActionSheet的使⽤ (08:32)
第9章 全新版：⾳乐播放本章我们将只做⾳乐播放功能，通过⾳乐播放我们重点学习如何编写复杂的业务逻辑，这对于⼤家的逻辑思维能⼒有很好的培养效果。共 11 节 (90分钟) 收起列表
9-1 浮动居中⽅案-通过left和top定位⾳乐图标 (12:23)
9-2 ⼩程序⾳乐播放API介绍 (05:24)
9-3 ⼩试⾳乐播放API (11:10)
9-4 切换⾳乐播放图标的两种⽅案：条件渲染与js表达式 (12:33)
9-5 ⾳乐播放状态切换 (08:15)
9-6 背景⾳乐的监听相关API (04:56)
9-7 同步⾳乐总控开关与⾃有播放开光的状态 (09:46)
9-8 ⾳乐控制⾯板的暂停与停⽌逻辑 (04:53)
9-9 全局变量解决⾳乐播放状态初始化不正确的问题 (07:11)
9-10 分析⼀个不是问题的问题 (03:52)
9-11 让每篇⽂章⾳乐独⽴显⽰状态 (08:43)
第10章 全新版：初识⼩程序的⾃定义组件本章我们将学习如何开发类似LinUI⼀样的⾃定义组件。⾃定义组件对于⼩程序来说⾮常重要，⼀定要好好学习。同时我们将介绍⼩程序的tabBar配置⽅案。共 11 节 (80分钟) 收起列表
10-1 ⽂章列表顶部轮播图跳转 (04:17)
鼠年中国发生的大事
10-2 ⼩程序tabBar选项卡配置基础 (07:14)
10-3 ⼩程序tabBar的其他配置选项 (09:29)
10-4 跳转到带有选项卡的页⾯需要使⽤switchTab (02:48)
10-5 初识⾃定义组件 (09:13)
10-6 新建第⼀个⾃定义组件 (07:12)
10-7 创建⾃定义组件的属性 (07:40)
10-8 ⾃定义组件属性的简化定义 (05:06)
10-9 ⾃定义属性可以接收⼀个Object对象 (06:12)
10-10 分离⽂章到单独的⾃定义组件中 (06:30)
10-11 ⾃定义组件的嵌套引⽤ (13:58)高考怎么查分数成绩
第11章 全新版：电影页⾯与实战⾃定义组件我们将全部⽤组件化思维构建电影页⾯，在这个章节我们将学习什么是组件化思维，并深⼊了解⾃定义组件的机制。共 12 节 (109分钟) 收起列表
11-1 Movie⾃定义组件的构建 (09:27)
11-2 使⽤LinUI的评分组件快速实现分数预览 (11:53)
11-3 简易评分组件的实现思路（选看） (04:20)
11-4 巧⽤Flex布局的Space-Between进⾏分布排列 (08:41)
11-5 调整⾃定义组件间距 (07:04)
11-6 外部样式类externalClasses的使⽤ (13:22)
11-7 ⼩试⽜⼑访问服务端数据 (08:34)
11-8 从服务器加载数据分页数据并传⼊⾃定义组件 (12:20)
11-9 使⽤ES6箭头函数解决this指代的问题 (08:26)
11-10 绑定电影数据（1）两种不同的评分⽅式 (06:55)
11-11 绑定服务端电影数据（2） (07:34)
11-12 完成即将上映和top250 (09:51)
第12章 全新版：电影列表与电影搜索本章我们主要学习制作电影列表宫格页⾯与电影搜索功能。本章的重点在于⼩程序的布局技巧与前⾯知识的复习与练习共 11 节 (88分钟) 收起列表
quest的更多参数讲解 (05:59)
12-2 更多电影（1）分析更多电影页⾯的逻辑 (10:02)
月球可以生存人类吗12-3 更多电影（2）加载更多数据 (08:53)
12-4 更多电影（3）Flex-Wrap的应⽤ (08:33)
12-5 更多电影（4）Flex布局对于普通样式类的影响 (06:52)
12-6 更多电影（5）加载不同类型的电影数据 (08:43)
12-7 使⽤LinUI快速构建搜索栏 (07:52)
12-8 向服务器请求搜索数据 (09:45)
12-9 搜索结果与电影数据的切换显⽰ (07:56)
12-10 显⽰搜索的电影数据 (07:31)
12-11 修复Space-Between2个元素两端分布的问题 (05:31)
第13章 全新版：电影详情与滑动加载数据、下拉刷新数据本章我们重点制作电影详情页⾯，电影详情页⾯⽐较复杂，元素和CSS都⽐较多。同学们需要重点学习CSS布局的⼀些技巧。同时我们还会介绍如何滑动加载更多分页数据、如何刷新数据。Flex布局的嵌套应⽤与Scroll-View组件的应⽤也需要认真学习…共 19 节 (192分钟) 收起列表
13-1 上滑加载更多数据（1）onReachBottom (12:16)
13-2 上滑加载更多数据（2）showloading提⽰ (06:15)
13-3 下拉刷新数据（1） (11:58)
13-4 配置标题与动态配置标题 (13:19)
13-5 谈组件的独⽴性 (06:52)
13-6 ⾃定义组件的⾃定义事件产⽣ (09:27)
13-7 获取⾃定义组件的detail参数 (07:19)
13-8 同时获取⾃定义属性和⾃定义组件的detail参数 (12:17)
13-9 电影详情页⾯（1）获取电影详情数据 (07:45)
13-10 电影详情页⾯（2）顶部区域 (10:19)
13-11 电影详情页⾯（3）头部元素浮动技巧 (10:11)
13-12 电影详情页⾯（4）图⽚预览效果只做 (10:06)
13-13 电影详情页（5）图⽚的多种mode模式 (09:00)
13-14 数据预处理 (24:05)
13-15 电影简介部分的CSS构建 (08:54)
13-16 处理影⼈信息 (09:45)
夏家三千金歌曲
13-17 多层Flex布局的嵌套应⽤ (07:53)
13-18 调整影⼈信息的CSS细节 (05:09)
13-19 Scroll-View组件的应⽤与结束语 (08:25)
本课程已完结

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。