资料简介:
这是一本帮助编程爱好者和从业人员从零开始学习微信小程序设计的书。本书紧跟微信小程序的技术发展,是目前在该领域率先进行系统的技术探讨和培训的著作。
本书站在学习的角度,目的是让学习者通过21天的时间了解到微信小程序的技术框架结构、开发环境搭建、编程语言细节等。
本书全面地讲解了微信小程序的逻辑层与视图层的架构特点、JavaScript语言的入门和进阶知识、WXML语言的语法特点、WXML视觉组件的使用、WXSS样式表语言的语法入门、常用样式描述语句、盒模型和Flex布局等,快速具备微信小程序开发的能力。
这是一本从零学习微信小程序开发的专业书,不需要额外的专业基础就能让你读懂这本书。对于初学者,本书可以作为一本系统的学习教程来使用;对于有经验的前端开发者,本书可以作为微信小程序开发的参考书来阅读。
资料目录:
二十一天具体要学什么?
第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和undefined
15.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使用JSON
19.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.1view
A.1.2scroll-view
A.1.3swiper
A.2基础内容组件
A.2.1icon
A.2.2text
A.2.3progress
A.3表单组件
A.3.1button
A.3.2checkbox-group
A.3.3form
A.3.4input
A.3.5label
A.3.6picker
A.3.7radio-group
A.3.8slider
A.3.9switch
A.3.10textarea
A.4导航组件
A.5媒体组件
A.5.1image
A.5.2video
A.6地图组件
A.7画布组件
附录B小程序API详解
B.1网络
B.1.1发起请求
B.1.2上传、下载
B.1.3Web Socket
B.2媒体
B.2.1图片
B.2.2录音
B.2.3音频播放控制
B.2.4音乐播放控制
B.2.5音频组件控制
B.2.6视频
B.2.7视频组件控制
B.3文件
B.4数据缓存
B.5位置
B.5.1获取位置
B.5.2查看位置
B.5.3地图组件控制
B.6设备
B.6.1系统信息
B.6.2网络状态
B.6.3重力感应
B.6.4罗盘
B.6.5拨打电话
B.6.6扫码
B.7界面
B.7.1交互反馈
B.7.2设置导航条
B.7.3导航
B.7.4动画
B.7.5绘图
B.8开放接口
B.8.1登录
B.8.2用户信息
B.8.3微信支付
B.8.4模板信息
B.8.5客服消息
B.8.6分享
附录CJavaScript的关键字和操作符
C.1JavaScript操作符
C.2 字符串方法(表C-8)
C.3Math对象
C.4Date对象(表C-13)