这是一本帮助编程爱好者和从业人员从零开始学习微信小程序设计的书。本书紧跟微信小程序的技术发展，是目前在该领域率先进行系统的技术探讨和培训的著作。本书站在学习的角度，目的是让学习者通过21天的时间了解到微信小程序的技术框架结构、开发环境搭建、编程语言细节等。本书全面地讲解了微信小程序的逻辑层与视图层的架构特点、JavaScript语言的入门和进阶知识、WXML语言的语法特点、WXML视觉组件的使用、WXSS样式表语言的语法入门、常用样式描述语句、盒模型和Flex布局等，快速具备微信小程序开发的能力。这是一本从零学习微信小程序开发的专业书，不需要额外的专业基础就能让你读懂这本书。对于初学者，本书可以作为一本系统的学习教程来使用；对于有经验的前端开发者，本书可以作为微信小程序开发的参考书来阅读。 作者王延平，毕业于华北电力大学，在武汉凯迪、北京博奇、中国华电集团等央企、上市企业从事9年技术研发和项目管理工作，后转行移动互联网，分别在麦包包、阿里等公司从事产品设计与开发，现任武汉思行合一科技有限公司总经理，从事移动互联网产品的设计、开发、运营与推广，主要产品有打字学英语”APP，已上市，目前用户量30万+。 第1部分 微信小程序第1天 微信小程序概述1．1  什么是微信小程序1．2 小程序在个人移动互联时代的意义1．3 微信大事记1．4 新的消息第2天 微信小程序的技术架构特点2．1 微信小程序在开发上的特点2．2 微信将会支持的小程序分发模式2．3 微信小程序将会给前端设计带来的变革2．4 学习微信小程序开发的路径第2部分 开发前的准备第3天 小程序的注册申请3．1 申请微信小程序3．2 微信认证3．3 小程序绑定微信开放平台账号第4天 开发环境的搭建4．1 认识小程序管理后台4．2 小程序开发环境的搭建4．3 初识小程序开发工具4．4 编辑模式4．5 调试模式4．6 项目管理第3部分 微信小程序的技术框架第5天 框架和配置文件5．1 小程序的目录结构5．2 JSON-小程序的配置文件5．2．1 pages-页面配置5．2．2 window-窗口表现配置5．2．3 tabBar-导航栏配置5．2．4 networkTimeout-通信超时事件配置5．2．5 debug-调试模式配置第6天 逻辑层（AppService）6．1 小程序的初始化6．2页面注册6．3页面的路由6．4逻辑层的模块化第4部分 WXML语言与视觉组件第7天 WXML语言和数据绑定7．1 WXML语法规范7．2 视觉组件7．3 组件的数据绑定7．3．1 数据的简单绑定7．3．2 绑定时的运算7．3．3 绑定时的数据组合第8天 逻辑渲染语句8．1 wx：if条件渲染语句8．2 wx：for列表渲染语句第9天WXML的高级特性9．1 模板9．2 事件9．3 事件对象9．4 引用第5部分 WXSS样式表语言第10天 WXSS语言基础10．1 WXSS（CSS）简介10．2 CSS基本语法10．3 选择器10．3．1 id选择器10．3．2 class选择器10．4 使用CSS样式表10．4．1 内联样式10．4．2 外部样式表10．5 WXSS的新增特性第11天 CSS常用属性11．1 尺寸属性11．2 背景属性11．2．1 背景颜色11．2．2 背景图像11．3 文本格式11．3．1 文本颜色11．3．2 文本对齐方式11．3．3 文本转换11．3．4 文本缩进11．4  字体属性  11．4． 1 字体系列11．4．2 字体大小第12天 CSS布局属性12．1 盒模型(Box Model)12．2显示方式与可见性12．3 position定位12．4 float浮动属性12．5边框12．5．1边框样式12．5．2边框宽度12．5．3边框颜色12．6外边距和内边距第13天Flex布局13．1Flex布局简介13．2模型13．3容器属性13．3．1主轴方向属性13．3．2换行属性13．3．3简写形式13．3．4主轴对齐属性13．3．5侧轴对齐属性13．3．6多行对齐属性13．4项目的属性13．4．1顺序属性13．4．2放大比例属性13．4．3缩小比例属性13．4．4伸缩基准属性13．4．5简写形式13．4．6单项对齐属性第6部分JavaScript入门第14天JavaScript语言基础14．1文件的编辑和运行14．2语句14．2．1语句块14．2．2注释语句14．2．3小程序的调试输出语句第15天变量与数据类型15．1变量15．2操作符15．3数据类型15．3．1数值15．3．2字符串15．3．3布尔型15．3．4数据类型转换15．3．5null和undefined15．4数组15．4．1创建和初始化数组15．4．2数组元素的存取15．4．3数组的操作第16天流程控制语句16．1条件语句16．1．1if语句16．1．2条件运算符16．1．3逻辑操作符16．1．4switch语句16．2循环语句16．2．1for循环16．2．2for in循环16．2．3while循环16．2．4do while循环16．2．5break退出循环语句16．2．6continue继续循环语句第7部分JavaScript进阶第17天面向对象程序设计（OOP）17．1类和对象17．2创建对象17．2．1直接创建Object类的对象实例17．2．2用new关键字创建对象17．2．3this关键字17．3使用对象17．4继承第18天函数18．1定义函数18．1．1定义命名函数18．1．2定义匿名函数18．1．3用Function类创建匿名函数18．2函数的参数18．3函数的返回值第19天JSON语法详解19．1JSON的语法结构19．2使用JSON19．2．1从JSON中读数据19．2．2向JSON中写数据19．2．3修改JSON中的数据19．2．4删除JSON中的数据19．2．5遍历JSON对象第20天ES6语法20．1ES6简介20．2ES6常用语法详解20．2．1let变量声明语句20．2．2const常量声明语句20．2．3类操作语句20．2．4arrow function箭头函数第8部分工具和社区第21天开发工具和学习社区21．1Coolsite360可视化工具21．2即速应用21．3开发社区介绍附录 微信小程序工具书附录A小程序组件详解A．1视图容器A．1．1viewA．1．2scroll-viewA．1．3swiperA．2基础内容组件A．2．1iconA．2．2textA．2．3progressA．3表单组件A．3．1buttonA．3．2checkbox-groupA．3．3formA．3．4inputA．3．5labelA．3．6pickerA．3．7radio-groupA．3．8sliderA．3．9switchA．3．10textareaA．4导航组件A．5媒体组件A．5．1imageA．5．2videoA．6地图组件A．7画布组件附录B小程序API详解B．1网络B．1．1发起请求B．1．2