课程试听
第一章 小程序基础
1-1 微信小程序介绍
- 课程介绍
- 微信小程序介绍
1-2 小程序的环境准备
- 微信小程序的环境准备
1-3 第一个微信小程序
- 我的第一个微信小程序
1-4 微信开发者工具介绍
- 微信开发者工具介绍
1-5 小程序的结构目录
- 原生框架的目录结构
1-6 小程序配置文件
- 全局配置文件-pages字段
- 全局配置文件-window字段
- 全局配置文件-tabbar字段
- 页面配置文件
- sitmap配置
1-7 小程序模板语法
- 数据绑定前的代码编辑器技巧
- 数据绑定
- 运算
- 数组和对象循环
- block标签的使用
- 条件渲染
1-8 小程序事件的绑定
- 事件绑定1
- 事件绑定2
1-9 小程序样式
- 样式-rpx
- 样式-导入
- 样式-选择器和使用less
1-10 小程序常用组件
- view和text标签
- image图片标签
- swiper-等比例计算swiper的高度
- swiper-常见属性
- navigator导航标签
- rich-text富文本标签
- button-外观样式
- button的开放能力1
- button的开放能力2
- icon图标
- radio单选框
- checkbox复选框
1-11 小程序自定义组件
- 自定义组件的介绍
- 自定义组件的初体验
- 自定义组件-Tabs-样式优化
- 自定义组件-标题激活选中
- 自定义组件-父向子传递数据
- 自定义组件-子向父传递数据
- 自定义组件-slot
- 组件的其他属性
1-12 小程序的生命周期
- 应用生命周期
- 页面生命周期
第二章 小程序项目：黑马优购
2-1 项目预览
- 项目预览
2-2 项目的技术选型
- 项目的技术选型
2-3 项目搭建
- 项目搭建步骤一
- 项目搭建步骤二（引入iconfont）
- 项目搭建步骤三（搭建tabbar）
- 项目搭建步骤四-初始化页面样式
2-4 首页
- 首页-搜索框
- 首页-获取轮播图数据
- 首页-轮播图-动态渲染
- 将原生的请求修改为promise的方式
- 首页-分类导航
- 首页-楼层1
- 首页-楼层2
2-5 分类页面
- 分类-接口数据和页面效果的关系
- 分类-获取接口数据
- 分类-页面布局1
- 分类-页面布局2
- 分类-点击菜单切换商品内容
- 分类-使用缓存技术
- 分类-点击菜单-右侧列表置顶
- 优化接口代码-提取公共接口路径
- 优化接口-简化返回值和使用es7的async
2-6 商品列表页面
- 商品列表-获取分类id
- 商品列表-实现搜索框和tabs组件
- 商品列表-静态样式
- 商品列表-动态渲染
- 商品列表-加载下一页数据
- 商品列表-下拉刷新
- 添加全局的正在加载中图标效果
2-7 商品详情页面
- 商品详情-获取数据
- 商品详情-接口数据和页面分析
- 商品详情-轮播图动态渲染
- 商品详情-价格&名称&图文详情
- 商品详情-优化动态渲染
- 商品详情-放大预览图片
- 商品详情-底部工具栏
- 商品详情-加入购物车
2-8 购物车页面
- 购物车-购物车分析&收货按钮样式
- 购物车-收货地址分析
- 购物车-完整的获取收货地址流程
- 购物车-优化获取收货地址的代码
- 购物车-收货地址和按钮切换显示
- 购物车-购物车列表-静态样式
- 购物车-底部工具栏-静态结构
- 购物车-数据动态渲染
- 购物车-全选-数据展示
- 购物车-总价格和总数量
- 购物车-商品选中
- 购物车-全选-反选
- 购物车-商品数量编辑
- 购物车-商品删除
- 购物车-没有商品的状态提示
- 购物车-结算按钮功能
2-9 支付页面
- 支付-数据展示
- 支付-支付权限的分析
- 支付-订单创建分析
- 支付-获取用户token
- 支付-创建订单
- 支付-完成微信支付
- 支付-移除购物车已经支付的数据
- 封装统一的请求头到request方法中
- 登录-获取用户信息
2-10 个人中心页面
- 个人中心-背景展示
- 个人中心-历史足迹&我的订单-静态结构
- 个人中心-其他的静态结构
2-11 订单列表页面
- 订单查询-引入tabs组件
- 订单查询-获取订单接口数据
- 订单查询-动态修改订单标题
- 订单查询-页面动态渲染
2-12 收藏页
- 商品详情-页面加载获取收藏数据
- 商品详情-点击图标切换收藏
- 个人中心-显示收藏的商品数量
- 商品收藏-引入自定义tabs组件
- 商品收藏-页面动态渲染
2-13 搜索页面
- 搜索中心-静态页面
- 搜索中心-渲染搜索结果
- 搜索中心-防抖的实现
- 搜索中心-页面痕迹重置
2-14 意见反馈页面
- 意见反馈-引入tabs组件
- 意见反馈-静态结构
- 意见反馈-自定义图片组件
- 意见反馈-选择并显示图片
- 意见反馈-删除图片
- 意见反馈-提交功能
2-15 项目的优化和发布上线
- 首页-添加商品的跳转链接
- 项目发布