HTML5移动前端开发基础与实战（微课版）-图书-人邮教育社区

内容摘要

本书较为全面地介绍了HTML5前端开发的核心知识，并简要介绍了使用HBuilder开发移动App的流程。全书共8章，从企业用人需求的角度出发，本着够用、实用的原则，介绍了JavaScript、HTML、CSS、移动前端实战、Swiper插件、JSON数据、jQuery框架、移动App开发等相关知识。通过学习本书，读者可以掌握HTML5核心要点，能够运用CSS进行布局。通过学习Swiper插件，读者可领会其他插件的用法；通过学习jQuery框架，读者可领会其他框架的用法。在此基础上，本书通过讲解JSON，帮助读者理解后台数据；通过讲解HBuilder开发移动App的流程，指引读者打开通向混合式移动App开发的大门。
本书可以作为高职高专院校计算机相关专业的教材，也可以作为培训机构相关课程的教材，并适合广大计算机爱好者自学使用。

第 1章开发环境及JavaScript
准备　1
1.1　HTML5相关技术简介　1
1.1.1　HTML　2
1.1.2　CSS　2
1.1.3　JavaScript　2
1.2　Sublime Text 3及常用插件的
安装、使用　2
1.2.1　安装Sublime Text　3
1.2.2　安装Package Control
组件　5
1.2.3　安装Emmet插件　7
1.2.4　使用Sublime Text　8
1.2.5　Chrome浏览器调试入门　13
1.2.6　Sublime Text常用技巧　13
1.3　安装及使用HTML-CSS-JS
Prettify插件　18
1.3.1　安装HTML-CSS-JS
Prettify插件　18
1.3.2　安装Node.js　18
1.3.3　配置Node.js　22
1.3.4　使用HTML-CSS-JS
Prettify插件　23
1.4　常用JavaScript　25
1.4.1　数据类型　25
1.4.2　流控语句　27
1.4.3　数组　29
1.4.4　document对象　31
1.4.5　函数和事件　33
1.4.6　立即执行函数　34
1.4.7　函数作为参数　35
1.4.8　定时相关函数　36
1.4.9　同步与异步　38
本章思考　39
第　2章 HTML　40
2.1　HTML常用元素　40
2.1.1　label、input、button、
radio、checkbox及ul　40
2.1.2　表单验证　47
2.2　HTML5新特性　48
2.2.1　多媒体　48
2.2.2　拖放　51
2.2.3　Web存储　53
2.2.4　使用canvas绘制图形　56
本章思考　58
第3章　CSS　59
3.1　常用CSS　59
3.1.1　CSS基本语法及使用
CSS的几种方式　59
3.1.2　多列布局　63
3.1.3　display属性：block、
inline、inline-block、
none　65
3.1.4　BOX模型　67
3.1.5　position属性　69
3.1.6　Float布局　74
3.1.7　Flex布局　76
3.1.8　overflow属性　81
3.1.9　transparent属性　83
3.1.10　background相关属性　85
3.1.11　通过JavaScript
操作CSS　87
3.2　CSS3新功能　89
3.2.1　圆角、阴影　89
3.2.2　渐变　93
3.2.3　2D变换：旋转、倾斜、
缩放、位移　96
3.2.4　3D旋转　101
3.2.5　动画（transition）　105
3.2.6　viewport　117
3.2.7　Media Queries　117
本章思考　122
第4章　移动前端实战　123
4.1　登录页面　123
4.1.1　登录页面介绍　123
4.1.2　登录页面演练　123
4.2　设置页面　125
4.2.1　设置页面介绍　125
4.2.2　设置页面演练　125
4.3　客服页面　127
4.3.1　客服页面介绍　128
4.3.2　客服页面演练　128
4.4　商品详情页面　133
4.4.1　商品详情页面介绍　133
4.4.2　商品详情页面演练　133
4.5　购物车页面　138
4.5.1　购物车页面介绍　138
4.5.2　购物车页面演练　138
4.6　订单页面　142
4.6.1　订单页面介绍　142
4.6.2　订单页面演练　142
本章思考　153
第5章　Swiper插件　154
5.1　Swiper实现轮播　154
5.1.1　Swiper使用步骤　154
5.1.2　Swiper演练　155
5.2　Swiper Animate实现动画　169
5.2.1　Swiper Animate入门　169
5.2.2　Swiper Animate演练　170
本章思考　175
第6章　JSON数据　176
6.1　JSON入门　176
6.1.1　JSON概述　176
6.1.2　操作JSON数据　177
6.1.3　JSON和字符串类型
相互转换　179
6.2　JSON实战　181
6.2.1　使用JSON在线
解析工具　181
6.2.2　在Chrome调试器中
观察JSON数据　182
6.2.3　根据JSON数据动态
绑定页面　184
本章思考　186
第7章　jQuery框架　187
7.1　jQuery入门　187
7.1.1　jQuery简介　187
7.1.2　使用jQuery　187
7.1.3　常用jQuery操作　189
7.2　jQuery Ajax读取JSON
格式数据文件　195
7.2.1　AJAX简介　195
7.2.2　jQuery Ajax演练　196
7.3　jQuery实战：翻牌游戏　203
7.3.1　翻牌游戏功能简介　203
7.3.2　实战分解　204
本章思考　231
第8章　移动App开发　232
8.1　HBuilder　232
8.1.1　HBuilder特点　232
8.1.2　HBuilder安装　232
8.2　海马玩模拟器　234
8.2.1　海马玩模拟器特点　234
8.2.2　海马玩模拟器安装　235
8.3　移动App开发流程　236
8.3.1　创建移动App模板项目　236
8.3.2　带底部导航、轮播图和
新闻列表的App　240
本章思考　245