掌握微信小程序开发,这套教程就够了

发表时间: 2024-02-20 15:05

从入门到实战,基于微信小程序新版API规范,真正对标企业级项目开发。学习微信小程序开发,这一套教程就够了!

教程内容涵盖:基础概念、内置组件、内置 API、配置文件、事件处理、模板语法、自定义组件、组件通讯、插槽、NPM支持、分包加载、框架扩展、状态管理、计算属性、页面组件生命周期、小程序开放能力、上线发布流程等核心知识点。

项目基于原生小程序开发,包含首页、商品分类、商品列表、商品详情、微信登录、用户管理、获取用户的微信头像和昵称、收货地址管理、LBS逆地址解析、地理定位授权完整流程、购物车、订单管理、骨架屏等诸多业务功能。

涉及众多行业解决方案:手动封装网络请求模块获取数据、分包加载降低小程序启动时间、LBS逆解析选择收货地址、地址位置服务完整的实现流程、获取小程序用户的微信昵称和头像、async-validator实现表单验证、miniprogram-licia实现节流和防抖、miniprogram-computed实现计算属性功能、mobx-miniprogram实现状态管理等。

-------------------------------------------

教程目录:

001.教程介绍

002.小程序基础-初识微信小程序

003.小程序基础-注册微信小程序账号

004.小程序基础-完善小程序账号信息

005.小程序基础-项目成员和体验成员

006.小程序基础-小程序开发者 ID

007.小程序基础-微信开发者工具下载

008.小程序基础-创建小程序项目

009.文件和目录结构介绍+新建页面与调试基础库

010.小程序基础-如何调试小程序代码

011.配置文件-配置文件介绍

012.配置文件-全局配置-pages配置

013.配置文件-全局配置-window配置

014.配置文件-全局配置-tabbar配置

015.配置文件-页面配置

016.配置文件-项目配置文件和配置Sass

017.配置文件-Sitemap.json 文件

018.样式和组件-小程序的样式和组件介绍

019.样式-尺寸单位rpx介绍

020.样式-全局样式和局部样式

021.组件-组件案例演示-划分页面结构

022.组件-组件案例-轮播图区域绘制

023.组件-组件案例-轮播图图片添加

024.组件-组件案例-绘制公司信息区域

025.组件-组件案例-商品导航区域

026.组件-组件案例-点击商品导航跳转到商品列表

027.组件-组件案例-推荐商品区域-滚动效果

028.组件-组件案例-推荐商品区域-实现结构样式

029.组件-组件案例-字体图标的使用

030.组件-背景图片的使用

031.事件系统-事件绑定和事件对象

032.事件系统-事件分类以及阻止事件冒泡

033.事件系统-事件传参-data-自定义数据

034.事件系统-事件传参-mark-自定义数据

035.wxml语法-声明和绑定数据

036.wxml语法-SetData() 修改数据

037.wxml语法-拓展-SetData修改对象类型数据

038.wxml语法-拓展-SetData修改数组类型数据

039.wxml语法-简易双向数据绑定

040.wxml语法-列表渲染-基本使用

041.wxml语法-列表渲染-进阶用法

042.wxml语法-条件渲染

043.生命周期-小程序运行机制

044.生命周期-小程序更新机制

045.生命周期-小程序生命周期介绍

046.生命周期-应用生命周期

047.生命周期-页面生命周期

048.生命周期-生命周期两个细节补充

049.小程序API-小程序API介绍

050.小程序API-发起网络请求

051.小程序API-界面交互-loading 提示框

052.小程序API-界面交互-模态对话框-消息提示框

053.小程序API-本地存储

054.小程序API-路由与通信-编程式导航

055.小程序API-页面处理函数-上拉加载

056.小程序API-页面处理函数-下拉刷新

057.小程序API-拓展-增强 scroll-view

058.自定义组件-创建-注册-使用组件

059.自定义组件-数据和方法

060.自定义组件-属性 properties

061.自定义组件-组件wxml的slot

062.自定义组件-组件样式和注意事项

063.自定义组件-组件样式隔离

064.自定义组件-拓展-小程序修改checkbox样式

065.自定义组件-数据监听器observers

066.自定义组件-组件通信-父往子传值

067.自定义组件-组件通信-子往父传值

068.自定义组件-组件通信-获取组件实例

069.自定义组件-组件生命周期

070.自定义组件-组件所在页面的生命周期

071.自定义组件-总结小程序生命周期

072.自定义组件-拓展-使用 Component 构造页面

073.自定义组件-拓展-组件复用机制 behaviors

074.自定义组件-拓展-外部样式类

075.自定义组件-完善复选框案例并总结自定义组件

076.npm支持-如何使用 npm 包

077.npm支持-自定义构建 npm

078.npm支持-Vant组件库的使用

079.npm支持-Vant Weapp 组件样式覆盖

080.分包加载-介绍分包加载

081.分包加载-配置分包以及打包和引用原则

082.分包加载-独立分包的配置

083.分包加载-分包预下载

084.开放能力-获取微信头像

085.开放能力-获取微信昵称

086.开放能力-转发功能

087.开放能力-分享到朋友圈

088.开放能力-手机号验证组件

089.开放能力-客服功能

090.补充-框架接口-getApp()-全局数据共享

091.补充-eventChannel-页面间通信

092.补充-小程序组件通信-事件总线

093.补充-自定义导航栏

094.小程序上线发布流程

095.项目初始化-慕尚花坊项目介绍

096.项目初始化-开发前置-申请开发权限

097.项目初始化-创建项目与项目初始化

098.项目初始化-自定义构建 npm以及集成Sass

099.项目初始化-集成项目页面文件和基础配置

100.拓展-VsCode 开发小程序项目和代码格式化

101.通用模块封装-为什么进行模块封装

102.通用模块封装-消息提示模块封装

103.通用模块封装-模态对话框封装

104.通用模块封装-封装本地存储 API

105.网络请求封装-为什么要封装 wx.request

106.网络请求封装-request 实例方法

107.网络请求封装-设置请求参数

108.网络请求封装-封装请求快捷方法

109.网络请求封装-wx.request 的注意事项

110.网络请求封装-定义请求-响应拦截器

111.网络请求封装-完善请求-响应拦截器

112.网络请求封装-使用请求-响应拦截器

113.网络请求封装-请求封装-添加并发请求

114.网络请求封装-添加 loading

115.网络请求封装-完善 loading

116.网络请求封装-控制 loading 显示

117.网络请求封装-封装 uploadFile

118.网络请求封装-使用 npm 包发送请求

119.环境变量-小程序设置环境变量

120.网络请求封装-接口调用方式说明

121.项目首页-获取首页数据

122.项目首页-分析轮播图区域并渲染

123.项目首页-实现轮播图和指示点的联动

124.项目首页-商品导航+活动区域+猜你喜欢+人气推荐

125.项目首页-首页骨架屏组件

126.商品分类-获取商品分类数据

127.商品分类-渲染一级分类并实现切换功能

128.商品分类-获取并渲染二级分类数据

129.框架扩展-mobx-miniprogram 介绍

130.框架扩展-mobx-miniprogram 创建 Store 对象

131.框架扩展-在组件中使用 Store 数据

132.框架扩展-在页面中使用 Store 数据-方式1

133.框架扩展-在页面中使用 Store 数据-方式2

134.框架扩展-fields、actions 对象写法

135.框架扩展-绑定多个 store 以及命名空间

136.框架扩展-miniprogram-computed 计算属性和监听器

137.框架扩展-拓展:Mobx 与 Computed 结合使用

138.用户登录-什么是Token

139.用户登录-小程序登录流程介绍

140.用户登录-实现小程序登录功能

141.用户信息-用户信息存储到 Store

142.用户信息-获取用户信息并存储到 Store

143.用户信息-使用数据渲染用户信息

144.分包处理-配置分包以及预下载

145.更新用户信息-渲染用户信息

146.更新用户信息-更新用户头像

147.更新用户信息-更新用户昵称

148.收货地址-定义新增参数以及封装接口 API

149.收货地址-收集省市区数据

150.收货地址-收集新增地址其他请求参数

151.收货地址-地理定位功能介绍

152.收货地址-拒绝授权和授权完整的流程

153.收货地址-开通腾讯位置服务

154.收货地址-腾讯位置服务逆地址解析获取地址

155.收货地址-表单验证-async-validator 基本使用

156.收货地址-新增收货地址表单验证

157.收货地址-实现新增收货地址

158.收货地址-收货地址列表渲染

159.收货地址-实现更新收货地址功能

160.收货地址-实现删除收货地址

161.收货地址-拓展-删除滑块 SwipeCell 自动收起

162.商品管理-配置商品管理分包-封装商品模块接口 API

163.商品管理-商品列表-准备列表请求参数

164.商品管理-商品列表-获取商品列表数据并渲染

165.商品管理-商品列表-实现上拉加载更多功能

166.商品管理-商品列表-判断数据是否加载完毕

167.商品管理-商品列表-节流阀进行列表节流

168.商品管理-商品列表-实现下拉刷新功能

169.商品管理-商品详情渲染+预览图片

170.商品管理-优化-小程序配置 @ 路径别名优化访问路径

171.购物车-封装购物车接口 API

172.购物车-加入购物车-模板分析和渲染

173.购物车-加入购物车-页面关联 Store 对象

174.购物车-加入购物车和立即购买区分处理

175.购物车-加入购物车-展示购物车购买数量

176.购物车-购物车关联 Store 对象

177.购物车-获取并渲染购物车列表

178.购物车-更新商品的购买状态

179.购物车-控制全选按钮的选中状态

180.购物车-实现全选和全不选功能

181.购物车-更新商品购买数量思路分析

182.购物车-更新商品的购买数量

183.购物车-更新商品购买数量防抖

184.购物车-购物车商品合计

185.购物车-删除购物车中的商品

186.订单结算-配置分包并跳转到结算页面+接口 API

187.商品结算-获取收货地址

188.商品结算-更新收货地址功能

189.商品结算-获取订单详情数据

190.商品结算-获取立即购买商品数据

191.商品结算-收集送达时间

192.商品结算-提交订单请求参数验证

193.小程序支付-梳理小程序支付流程

194.小程序支付-创建平台订单

195.小程序支付-获取预付单信息

196.小程序支付-发起微信支付

197.小程序支付-支付状态查询

198.订单列表-梳理订单列表模块代码

199.代码优化-代码优化与代码质量检测

200.项目上线-演示上线流程