# 微信小程序-计划

索引 名称 时长 计划完成日期 实际完成日期 说明
1 Day1.学习目标 01:39 2023-06-22 2023-06-22
2 01.小程序简介 07:08 2023-06-22 2023-06-22
3 02.注册小程序账号&安装开发者工具 14:01 2023-06-22 2023-06-22
4 03.创建第一个小程序项目 16:29 2023-06-22 2023-06-22
5 04.认识小程序项目的基本组成结构 26:43 2023-06-22 2023-06-22
6 05.认识小程序页面 15:51 2023-06-22 2023-06-22
7 06.小程序的宿主环境 11:36 2023-06-22 2023-06-22
8 07.组件 - view和scroll-view组件的基本用法 13:31 2023-06-22 2023-06-22
9 08.组件 - swiper和swiper-item的基本用法 10:12 2023-06-23 2023-06-23
10 09.组件 - text和rich-text组件的基本用法 06:12 2023-06-23 2023-06-23
11 10.组件 - button和image组件的基本用法 12:52 2023-06-23 2023-06-23
12 11. 小程序 API 的3大分类 03:35 2023-06-23 2023-06-23
13 12.协同工作 - 小程序权限管理的概念以及成员管理的两个方面 08:26 2023-06-23 2023-06-23
14 13.协同工作 - 开发者的权限说明以及如何维护项目成员 05:12 2023-06-23 2023-06-23
15 14. 发布 - 了解小程序的版本阶段与上线的主要步骤 06:05 2023-06-23 2023-06-23
16 15. 发布 - 小程序的推广与运行数据的查看 05:38 2023-06-23 2023-06-23
17 16-总结 03:30 2023-06-23 2023-06-23
18 Day2.学习目标 01:38 2023-06-23 2023-06-23
19 01.数据绑定 11:19 2023-06-24 2023-06-24
20 02.事件绑定 12:43 2023-06-24 2023-06-24
21 03.事件传参与数据同步 20:09 2023-06-24 2023-06-24
22 04.条件渲染 15:32 2023-06-24 2023-06-24
23 05.列表渲染 09:55 2023-06-24 2023-06-24
24 06.wxss - wxss与css的关系 02:20 2023-06-24 2023-06-24
25 07.wxss - rpx单位 08:05 2023-06-24 2023-06-24
26 08.wxss - 样式导入 03:22 2023-06-24 2023-06-24
27 09.wxss - 全局样式与局部样式 07:20 2023-06-24 2023-06-24
28 10.全局配置 - 常用的全局配置项以及小程序窗口的组成部分 03:22 2023-06-24 2023-06-24
29 11. 全局配置 - window - 导航栏 07:42 2023-06-25 2023-06-25
30 12.全局配置 - window - 下拉刷新 09:54 2023-06-25 2023-06-25
31 13.全局配置 - window - 设置上拉触底的距离 03:03 2023-06-25 2023-06-25
32 14.全局配置 - tabBar 20:40 2023-06-25 2023-06-25
33 15.小程序的页面配置 08:44 2023-06-25 2023-06-25
34 16.数据请求 - GET和POST请求 21:04 2023-06-25 2023-06-25
35 17.数据请求 - request请求的注意事项 04:45 2023-06-25 2023-06-25
36 18.案例 - 实现本地生活的首页基础布局 36:39 2023-06-25 2023-06-25
37 19.总结 03:51 2023-06-25 2023-06-25
38 Day3.学习目标 03:07 2023-06-25 2023-06-25
39 01.声明式导航 12:56 2023-06-26 2023-06-26
40 02.编程式导航 09:03 2023-06-26 2023-06-26
41 03.导航传参 09:28 2023-06-26 2023-06-26
42 04.下拉刷新 13:27 2023-06-26 2023-06-26
43 05.上拉触底 07:27 2023-06-26 2023-06-26
44 06.上拉触底案例 - 初步实现上拉触底效果 13:58 2023-06-26 2023-06-27 ×
45 07.上拉触底案例 - 添加loading效果和节流处理 09:27 2023-06-26 2023-06-27 ×
46 08.扩展 - 自定义编译模式 05:12 2023-06-26 2023-06-27 ×
47 09.生命周期的概念与分类 02:59 2023-06-26 2023-06-27 ×
48 10.生命周期函数的概念与分类 02:27 2023-06-26 2023-06-27 ×
49 11.应用和页面的生命周期函数 09:09 2023-06-27 2023-06-27
50 12.wxs的概念 04:25 2023-06-27 2023-06-27
51 13.wxs的基本用法 14:52 2023-06-27 2023-06-27
52 14.案例 - 演示案例效果并实现导航跳转 09:18 2023-06-27 2023-06-27
53 15.案例 - 设置标题内容并创建编译模式 08:02 2023-06-27 2023-06-27
54 16.案例 - 获取并渲染商铺列表的数据 18:27 2023-06-27 2023-06-27
55 17.案例 - 初步实现上拉加载效果 07:52 2023-06-27 2023-06-28 ×
56 18.案例 - 判断数据是否加载完毕 08:44 2023-06-27 2023-06-28 ×
57 19.案例 - 实现下拉刷新功能 10:49 2023-06-27 2023-06-28 ×
58 20.使用wxs处理手机号 07:44 2023-06-27 2023-06-28 ×
59 21-总结 02:38 2023-06-28 2023-06-28
60 Day4.学习目标 02:15 2023-06-28 2023-06-28
61 01.准备今天要用到的项目 01:12 2023-06-28 2023-06-28
62 02.初步创建并使用自定义组件 14:44 2023-06-28 2023-06-28
63 03.自定义组件的样式 11:22 2023-06-28 2023-06-28
64 04.自定义组件的data和methods 06:39 2023-06-28 2023-06-28
65 05.自定义组件的properties 12:57 2023-06-28 2023-06-28
66 06.自定义组件的数据监听器 11:12 2023-06-28 2023-06-28
67 07.自定义组件的数据监听器案例 19:29 2023-06-28 2023-06-28
68 08.自定义组件的纯数据字段 07:37 2023-06-28 2023-06-28
69 09.自定义组件的生命周期函数 10:12 2023-06-29 2023-06-29
70 10.组件所在页面的生命周期函数 09:24 2023-06-29 2023-06-29
71 11.自定义组件的插槽 10:47 2023-06-29 2023-06-29
72 12.组件通信 - 使用属性绑定实现父向子共享数据 08:48 2023-06-29 2023-06-29
73 13.组件通信 - 使用自定义事件实现子向父共享数据 12:21 2023-06-29 2023-06-29
74 14. 组件通信 - 使用selectComponent获取组件实例 06:59 2023-06-29 2023-06-29
75 15.自定义组件的behaviors 12:35 2023-06-29 2023-06-29
76 16-总结 03:01 2023-06-29 2023-06-29
77 01.导入需要用到的小程序项目 01:15 2023-06-29 2023-06-29
78 02.初步安装和使用vant组件库 16:08 2023-06-29 2023-06-29
79 03.使用css变量定制vant主题样式 17:02 2023-06-30 2023-06-29
80 04.小程序API的Promise化 14:43 2023-06-30 2023-06-29
81 05.全局数据共享 - 了解全局数据共享方案和MobX 07:46 2023-06-30 2023-06-30
82 06.全局数据共享 - 创建Store实例并定义计算属性与actions方法 10:30 2023-06-30 2023-06-30
83 07.全局数据共享 - 在页面中使用Store中的成员 15:09 2023-06-30 2023-06-30
84 08.全局数据共享 - 在组件中使用Store中的成员 12:01 2023-06-30 2023-06-30
85 09.分包的基础概念 06:02 2023-06-30 2023-06-30
86 10.分包的基本用法 12:54 2023-06-30 2023-06-30
87 11.独立分包 07:01 2023-06-30 2023-06-30
88 12.分包预下载 09:44 2023-06-30 2023-06-30
89 13.在app.json中定义tabBar的配置信息 06:41 2023-07-01 2023-07-01
90 14.初步实现自定义的tabBar效果 12:59 2023-07-01 2023-07-01
91 15.渲染tabBar上的数字徽标 17:49 2023-07-01 2023-07-01
92 16.实现tabBar页面的切换效果 08:05 2023-07-01 2023-07-01
93 17.修改tabBar选中项文本的颜色值 01:33 2023-07-01 2023-07-01
94 18.总结 01:57 2023-07-01 2023-07-01
95 01.项目介绍与项目文档 05:43 2023-07-01 2023-07-01
96 02.配置uni-app的开发环境 10:57 2023-07-01 2023-07-01
97 03.初始化uni-app项目 29:14 2023-07-01 2023-07-01
98 04.配置tabBar效果 18:31 2023-07-01 2023-07-01
99 05.首页 - 轮播图效果 24:21 2023-07-02 2023-07-02
100 06.首页 - 配置小程序分包 05:00 2023-07-02 2023-07-02
101 07.首页 - 点击轮播图跳转到商品详情页 04:20 2023-07-02 2023-07-02
102 08.首页 - 封装uni.$showMsg()函数 04:30 2023-07-02 2023-07-02
103 09.首页 - 实现分类导航区域 11:19 2023-07-02 2023-07-02
104 10.首页 - 获取楼层数据并渲染楼层的标题 09:26 2023-07-02 2023-07-02
105 11.首页 - 渲染楼层中的图片 11:46 2023-07-02 2023-07-02
106 12.首页 - 点击楼层图片跳转到商品列表页面 08:29 2023-07-02 2023-07-02
107 13-分支的合并与提交 04:47 2023-07-02 2023-07-02
108 01.分类 - 创建cate分支以及分类页面的编译模式 02:40 2023-07-02 2023-07-02
109 02.分类 - 初始化分类区域的页面布局 15:39 2023-07-03 2023-07-03
110 03.分类 - 获取并渲染一级分类的列表数据 08:45 2023-07-03 2023-07-03
111 04.分类 - 渲染二级和三级分类列表 17:25 2023-07-03 2023-07-03
112 05.分类 - 优化分类页面的效果 12:53 2023-07-03 2023-07-03
113 06.搜索 - 介绍搜索功能并创建search分支 03:52 2023-07-03 2023-07-03
114 07.搜索 - 自定义组件 - 渲染my-search组件的基本结构 16:07 2023-07-03 2023-07-03
115 08.搜索 - 自定义组件 - 封装自定义属性和click事件 12:37 2023-07-03 2023-07-03
116 09.搜索 - 自定义组件 - 导航跳转与吸顶效果 07:17 2023-07-03 2023-07-03
117 10.搜索 - 搜索建议 - 自动获得焦点与防抖处理 17:24 2023-07-03 2023-07-03
118 11.搜索 - 搜索建议 - 实现搜索建议列表 14:55 2023-07-03 2023-07-03
119 12. 搜索 - 索建议 - 点击搜索Item项导航到商品详情页 02:40 2023-07-04 2023-07-04
120 13.搜索 - 搜索历史 - 渲染搜索历史的基本结构 10:56 2023-07-04 2023-07-04
121 14.搜索 -搜索历史 - 处理搜索关键词 18:33 2023-07-04 2023-07-04
122 15.搜索 - 搜索历史 - 清空搜索历史记录 01:53 2023-07-04 2023-07-04
123 16.搜索 - 搜索历史 - 点击搜索历史跳转到商品列表页面 02:39 2023-07-04 2023-07-04
124 17.搜索 - 分支的合并与提交 03:06 2023-07-04 2023-07-04
125 01.商品列表 - 功能介绍-分支创建 03:35 2023-07-04 2023-07-04
126 02.商品列表 - 请求并渲染商品列表的数据 21:35 2023-07-04 2023-07-04
127 03.商品列表 - 把商品Item项封装为自定义组件 04:55 2023-07-04 2023-07-04
128 04.商品列表 - 使用过滤器处理商品价格 02:05 2023-07-04 2023-07-04
129 05.商品列表 - 上拉加载更多商品 11:36 2023-07-05 2023-07-04
130 06.商品列表 - 下拉刷新列表数据 05:40 2023-07-05 2023-07-04
131 07.商品列表 - 点击商品item项导航到商品详情页面 02:39 2023-07-05 2023-07-04
132 08.商品列表 - 分支的合并与提交 03:25 2023-07-05 2023-07-04
133 09.商品详情 - 创建分支-添加编译模式 03:02 2023-07-05 2023-07-05
134 10.商品详情 - 获取商品详情的数据 05:08 2023-07-05 2023-07-05
135 11.商品详情 - 轮播图效果 07:55 2023-07-05 2023-07-05
136 12.商品详情 - 渲染并美化商品信息区域 11:31 2023-07-05 2023-07-05
137 13.商品详情 - 渲染商品详情的数据并优化详情页的显示 12:46 2023-07-05 2023-07-05
138 14.商品详情 - 渲染商品导航区域 12:34 2023-07-05 2023-07-05
139 15.商品详情 - 分支的合并与提交 03:14 2023-07-06 2023-07-05
140 16.加入购物车 - 初始化vuex 11:42 2023-07-06 2023-07-06
141 17.加入购物车 - 实现加入购物车的功能 16:43 2023-07-06 2023-07-06
142 18.加入购物车 - 动态统计购物车中商品的总数量 06:39 2023-07-06 2023-07-06
143 19.加入购物车 - 持久化存储购物车中的商品 04:48 2023-07-06 2023-07-06
144 20.加入购物车 - 优化商品详情页的total侦听器 03:20 2023-07-06 2023-07-06
145 21.加入购物车 - 动态设置tabBar的数字徽标 12:52 2023-07-06 2023-07-06
146 01.购物车页面 - 演示效果并创建编译模式 03:41 2023-07-06 2023-07-06
147 02.购物车页面 - 商品列表 - 渲染商品列表区域的结构 09:55 2023-07-06 2023-07-06
148 03.购物车页面 - 商品列表 - 基于props封装radio的勾选状态 10:27 2023-07-06 2023-07-06
149 04.购物车页面 - 商品列表 - 修改购物车商品的勾选状态 17:32 2023-07-07 2023-07-06
150 05.购物车页面 - 商品列表 - 封装NumberBox 09:47 2023-07-07 2023-07-06
151 06.购物车页面 - 商品列表 - 封装num-change事件 07:29 2023-07-07 2023-07-06
152 07.购物车页面 - 商品列表 - 优化NumberBox组件 09:39 2023-07-07 2023-07-06
153 08.购物车页面 - 商品列表 - 修改购物车中商品的数量 05:38 2023-07-07 2023-07-06
154 09.购物车页面 - 商品列表 - 实现滑动删除功能 13:19 2023-07-07 2023-07-07
155 10.购物车页面 - 收货地址 - 初步封装my-address组件 18:31 2023-07-07 2023-07-07
156 11.购物车页面 - 收货地址 - 实现选择收货地址的功能 05:57 2023-07-07 2023-07-07
157 12.购物车页面 - 收货地址 - 渲染收货人的信息 06:09 2023-07-07 2023-07-07
158 13.购物车页面 - 收货地址 - 把address信息存储到vuex中 08:45 2023-07-07 2023-07-07
159 14.购物车页面 - 收货地址 - 将vuex中的address持久化存储到本地 04:13 2023-07-08 2023-07-07
160 15.购物车页面 - 收货地址 - 将addstr抽离为getters 03:08 2023-07-08 2023-07-07
161 16.购物车页面 - 收货地址 - 重新选择收获地址-取消授权时的问题 03:24 2023-07-08 2023-07-07
162 17.购物车页面 - 收货地址 - 解决重新授权的问题 16:55 2023-07-08 2023-07-07
163 01.购物车页面 - 结算 - 封装结算区域的组件 11:47 2023-07-08 2023-07-08
164 02.购物车页面 - 结算 - 动态计算已勾选商品的数据和选中状态 13:12 2023-07-08 2023-07-08
165 03.购物车页面 - 结算 - 实现商品的全选与反选功能. 06:33 2023-07-08 2023-07-08
166 04.购物车页面 - 结算 - 动态渲染已勾选商品的总价格 04:43 2023-07-08 2023-07-08
167 05.购物车页面 - 结算 - 动态计算tabBar中购物车徽标的值 02:48 2023-07-08 2023-07-08
168 06.购物车页面 - 结算 - 渲染购物车为空时候的页面结构 07:02 2023-07-08 2023-07-08
169 07.购物车页面 - 分支的合并与提交 03:09 2023-07-09 2023-07-08
170 08.登录与支付 - 登录 - 点击结算按钮进行条件判断 08:23 2023-07-09 2023-07-08
171 09.登录与支付 - 登录 - 初步渲染页面的布局结构 14:20 2023-07-09 2023-07-08
172 10.登录与支付 - 登录 - 获取用户的基本信息 10:15 2023-07-09 2023-07-08
173 11. 登录与支付 - 登录 - 将用户的基本信息存储到vuex 07:57 2023-07-09 2023-07-08
174 12. 登录与支付 - 登录 - 调用uni.login获取code对应的值 06:02 2023-07-09 2023-07-08
175 13. 登录与支付 - 登录 - 进一步完善uni.login调用失败之后的if判断条件 01:24 2023-07-09 2023-07-08
176 14. 登录与支付 - 登录 - 获取登录的Token并存储到vuex中 09:33 2023-07-09 2023-07-09
177 15.登录与支付 - 用户信息 - 渲染用户的头像和昵称 09:48 2023-07-09 2023-07-09
178 16.登录与支付 - 用户信息 - 渲染第1个面板区域 07:13 2023-07-09 2023-07-09
179 17.登录与支付 - 用户信息 - 渲染第2个面板区域 03:57 2023-07-10 2023-07-09
180 18.登录与支付 - 用户信息 - 渲染第3个面板区域 02:31 2023-07-10 2023-07-09
181 19.登录与支付 - 用户信息 - 实现退出登录的功能 05:37 2023-07-10 2023-07-09
182 20.登录与支付 - 三秒跳转 - 初步实现3秒倒计时跳转的功能 15:30 2023-07-10 2023-07-10
183 21.登录与支付 - 三秒跳转 - 登录成功后导航到登录之前的页面 15:35 2023-07-10 2023-07-10
184 22.登录与支付 - 微信支付 - 在请求头中添加Token身份认证的字段 06:22 2023-07-10 2023-07-10
185 23.登录与支付 - 微信支付 - 了解微信支付的流程 02:54 2023-07-10 2023-07-10 2023-07-10
186 24.登录与支付 - 微信支付 - 创建订单 11:16 2023-07-10 2023-07-10 2023-07-10
187 25.登录与支付 - 微信支付 - 订单预支付 04:22 2023-07-10 2023-07-10 2023-07-10
188 26.登录与支付 - 微信支付 - 实现微信支付 06:50 2023-07-10 2023-07-10 2023-07-10
189 27.登录与支付 - 分支的合并与提交 03:02 2023-07-11 2023-07-10 2023-07-10
190 28.发布 - 了解为什么要进行发布 01:01 2023-07-11 2023-07-10
191 29.发布 - 将uni-app项目发布为小程序 08:01 2023-07-11 2023-07-10
192 30.发布 - 将uni-app项目发布为安卓App 09:57 2023-07-11 2023-07-10