课程介绍

微信小程序介绍

微信小程序的环境准备

我的第一个微信小程序

微信开发者工具介绍

原生框架的目录结构

全局配置文件-pages字段

全局配置文件-window字段

全局配置文件-tabbar字段

页面配置文件

sitmap配置

数据绑定前的代码编辑器技巧

数据绑定

运算

数组和对象循环

block标签的使用

条件渲染

事件绑定1

事件绑定2

样式-rpx

样式-导入

样式-选择器和使用less

wxss注释的写法

view和text标签

image图片标签

swiper-等比例计算swiper的高度

swiper-常见属性

navigator导航标签

rich-text富文本标签

button-外观样式

button的开放能力1

button的开放能力2

icon图标

radio单选框

checkbox复选框

自定义组件的介绍

自定义组件的初体验

自定义组件-Tabs-样式优化

自定义组件-标题激活选中

自定义组件-父向子传递数据

自定义组件-子向父传递数据

自定义组件-slot

组件的其他属性

应用生命周期

页面生命周期

项目预览

项目的技术选型

项目搭建步骤一

项目搭建步骤二（引入iconfont）

项目搭建步骤三（搭建tabbar）

项目搭建步骤四-初始化页面样式

首页-搜索框

首页-获取轮播图数据

首页-轮播图-动态渲染

将原生的请求修改为promise的方式

首页-分类导航

首页-楼层1

首页-楼层2

分类-接口数据和页面效果的关系

分类-获取接口数据

分类-页面布局1

分类-页面布局2

分类-点击菜单切换商品内容

分类-使用缓存技术

分类-点击菜单-右侧列表置顶

优化接口代码-提取公共接口路径

优化接口-简化返回值和使用es7的async

商品列表-获取分类id

商品列表-实现搜索框和tabs组件

商品列表-静态样式

商品列表-动态渲染

商品列表-加载下一页数据

商品列表-下拉刷新

添加全局的正在加载中图标效果

商品详情-获取数据

商品详情-接口数据和页面分析

商品详情-轮播图动态渲染

商品详情-价格&名称&图文详情

商品详情-优化动态渲染

商品详情-放大预览图片

商品详情-底部工具栏

商品详情-底部工具栏

商品详情-加入购物车

购物车-购物车分析&收货按钮样式

购物车-收货地址分析

购物车-完整的获取收货地址流程

购物车-优化获取收货地址的代码

购物车-收货地址和按钮切换显示

购物车-购物车列表-静态样式

购物车-底部工具栏-静态结构

购物车-数据动态渲染

购物车-全选-数据展示

购物车-总价格和总数量

购物车-商品选中

购物车-全选-反选

购物车-商品数量编辑