第一部分 小程序基础

第1章 小程序起步

1.1开发准备

1.2第一个微信小程序

1.3代码构成

1.3.1JSON配置

1.3.2WXML模板

1.3.3WXSS样式

1.3.4.js脚本交互逻辑

1.4小程序的能力

1.5小程序发布准备

1.6小程序上线

第2章 小程序基础知识

2.1项目配置文件

2.2全局配置和页面配置

2.2.1全局配置

2.2.2页面配置

2.3WXSS样式语言

2.4逻辑层.js脚本

2.4.1App方法

2.4.2运行机制

2.4.3场景值

2.4.4Page方法

2.4.5路由

2.4.6模块化

2.4.7API

2.5WXML视图层开发

2.5.1数据绑定

2.5.2列表渲染

2.5.3条件渲染

2.5.4模板

2.5.5事件

2.5.6引用

第二部分 小程序样式入门

第3章 小程序样式基础

3.1元素选择器

3.2ID选择器

3.3类选择器

3.4样式的几种写法

3.4.1Web中样式的几种写法

3.4.2小程序中样式的几种写法

3.5背景颜色

3.6文本

3.6.1水平对齐（text－align）

3.6.2文本最后行对齐（text－align－last）

3.6.3缩进文本（text－indent）

3.6.4文本装饰（text－decoration）

3.6.5单词间隔（text－justify）

3.6.6文本溢出（text－overflow）

3.6.7文本阴影（text－shadow）

3.6.8字符转换（text－transform）

3.6.9处理空白符（white－space）

3.6.10自动换行（word－break）

3.6.11长词换行（word－wrap）

3.6.12单词间隔（word－spacing）

3.6.13字母间隔（letter－spacing）

3.6.14文本方向（direction）

3.7字体

3.7.1字体大小（font－size）

3.7.2字体风格（font－style）

3.7.3字体变形（font－variant）

3.7.4字体加粗（font－weight）

3.8轮廓

第4章 框模型

4.1框模型概述

4.2内边距

4.3边框

4.3.1基础语法

4.3.2小程序应用

4.4外边距

4.5外边距合并

第5章 定位

5.1相对定位

5.2绝对定位

5.3浮动

第6章 选择器

6.1选择器的分组

6.2派生选择器

6.3属性选择器

6.4后代选择器

6.5子元素选择器

6.6相邻兄弟选择器

第三部分 前端开发入门

第7章 弹性布局

7.1弹性布局基本概念

7.2flex容器的属性

7.2.1项目排列方向（flex－direction）

7.2.2项目换行（flex－wrap）

7.2.3flex－flow属性

7.2.4水平对齐（justify－content）

7.2.5垂直对齐（align－items）

7.2.6各行对齐（align－content）

7.3flex项目的属性

7.3.1子元素的排序（order）

7.3.2放大比例（flex－grow）

7.3.3缩小比例（flex－shrink）

7.3.4项目占据的主轴空间（flex－basis）

7.3.5flex综合属性设置

7.3.6子元素的对齐（align－self）

7.3.7对齐和居中（margin）

7.4flex布局样例

第8章 JSON数据解析

8.1JSON简介

8.2JSON语法

8.2.1JSON语法规则

8.2.2JSON使用JavaScript语法

8.3JSON对象

8.3.1对象语法

8.3.2访问对象值方式1

8.3.3访问对象值方式2

8.3.4嵌套JSON对象

8.3.5修改值

8.3.6删除对象属性

8.4JSON数组

8.4.1JSON对象中的数组

8.4.2数组的循环访问

8.4.3嵌套JSON对象中的数组

8.4.4修改数组值

8.4.5删除数组元素

8.5JSON.parse（）

8.5.1浏览器支持

8.5.2语法

8.5.3JSON解析实例

8.5.4从服务端接收JSON数据

8.5.5从服务端接收数组的JSON数据

8.6JSON.stringify（）转字符串

8.6.1JSON.stringify（）语法

8.6.2JavaScript对象转换

8.6.3JavaScript数组转换

8.7eval函数

第9章 小程序前端开发基础

9.1常用数据

9.1.1变量

9.1.2对象

9.1.3数组

9.2逻辑语句

9.2.1if语句

9.2.2for语句

9.2.3while语句

9.2.4switch和case语句

9.3其他

9.3.1事件的定义和使用

9.3.2通过url来传递参数

第四部分 实战

第10章 常用组件

10.1组件概要

10.2基础组件

10.2.1视图容器（view）

10.2.2可滚动视图区域（scroll－view）

10.2.3滑块视图容器（swiper）

10.2.4图标（icon）

10.2.5文本（text）

10.2.6图片（image）

10.3表单组件

10.3.1按钮（button）

10.3.2多选项目（checkbox）

10.3.3多项选择器（checkbox－group）

10.3.4表单（form）

10.3.5输入框（input）

10.3.6标签（label）

10.3.7滚动选择器（picker）

10.3.8单选项目（radio）

10.3.9单项选择器（radio－group）

10.3.10滑动选择器（slider）

10.3.11开关选择器（switch）

10.3.12多行输入框（textarea）

10.4其他

10.4.1页面链接（navigator）

10.4.2原生组件的使用限制

第11章 常用API

11.1网络相关说明

11.1.1网络配置

11.1.2HTTPS网络请求

11.2手机相关的API

11.2.1wx.chooseImage

11.2.2wx.getSystemInfo

11.2.3wx.makePhoneCall

11.3数据缓存API

11.3.1wx.setStorage

11.3.2wx.setStorageSync

11.3.3wx.getStorage

11.3.4wx.getStorageSync

11.3.5wx.getStorageInfo

11.3.6wx.removeStorage

11.3.7wx.clearStorage

11.4交互API

11.4.1wx.showToast

11.4.2wx.hideToast

11.4.3wx.showLoading

11.4.4wx.hideLoading

11.4.5wx.showActionSheet

11.4.6wx.showModal

11.5路由API

11.5.1wx.navigateTo

11.5.2wx.navigateBack

11.5.3wx.redirectTo

11.5.4wx.reLaunch

11.5.5wx.switchTab

第12章 首页

12.1商城框架

12.2顶部广告图片

12.3顶部轮播图片

12.4快捷菜单

12.5最新通知

12.6最新产品

12.7精品推荐

12.8销售排行

第13章 分类和产品

13.1左右布局框架

13.1.1布局分析

13.1.2功能实现

13.2产品列表

13.2.1顶部查询布局

13.2.2条件筛选布局

13.2.3产品列表布局

13.3产品页面顶部切换功能

13.4产品页面底部功能

13.5产品简介布局

13.6产品详情页布局

13.7产品评价页布局

第14章 购物车和下单

14.1购物车首页底部菜单

14.2购物车产品列表

14.3下单页面底部菜单

14.4下单页面收货地址

14.5下单页面的产品列表和留言

第15章 会员界面

15.1会员首页

15.2我的订单

15.3收货地址列表

15.4收货地址修改和新增

15.5我的收藏

15.6常见问题列表

15.7联系客服

第16章 公用功能

16.1留言反馈

16.2活动信息列表

16.3帮助中心列表

16.4关于我们列表

16.5信息详情（简易版）

16.6信息详情（带底部评论）

第17章 杂项知识

17.1WeUI

17.1.1实战项目框架的制作

17.1.2栏目首页

17.1.3article文章

17.1.4badge徽章

17.2WxParse解析富文本（html）代码