从入门到实战,基于微信小程序新版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.项目上线-演示上线流程