HTML5移动Web开发

封面

版权信息

内容简介

序

前言

第1章 移动互联中的Web应用

1.1 移动互联网的发展

1.2 移动Web开发概述

1.2.1 移动开发的几种方式

1.2.2 移动Web开发与PC端Web开发的区别

1.3 移动端的Web浏览器

1.4 基于HTML5的移动Web开发

小结

【思考题】

第2章 基于HTML5的移动Web应用（上）

2.1 HTML5的网络存储

2.1.1 Web Storage简介

2.1.2 localStorage

2.1.3 sessionStorage

2.1.4 Storage事件监听

2.2 移动Web离线应用

2.2.1 离线应用简介

2.2.2 Application Cache的基本应用

2.2.3 applicationCache对象

2.2.4 离线缓存更新

2.3 HTML5画布

2.3.1 初识canvas

2.3.2 利用canvas绘制矩形和清除矩形

2.3.3 利用canvas绘制圆形

2.3.4 利用canvas绘制图片

2.3.5 利用canvas其他方法

小结

【思考题】

第3章 基于HTML5的移动Web应用（下）

3.1 视频与音频

3.1.1 <video>标签的使用

3.1.2 HTML DOM Video对象

3.1.3 <audio>标签的使用

3.1.4 HTML DOM Audio对象

3.2 Geolocation地理定位

3.2.1 Geolocation简介

3.2.2 获取当前位置

3.2.3 调用百度地图

3.3 拖曳

3.4 文件操作

3.4.1 选择文件

3.4.2 操作文件

小结

【思考题】

第4章 移动端页面布局和常用事件

4.1 流式布局

4.2 视口

4.2.1 理解视口

4.2.2 移动端的3种视口

4.3 移动端常用事件

4.3.1 Touch事件简介

4.3.2 Touch事件的应用

4.3.3 过渡和动画结束事件

小结

【思考题】

第5章 综合项目——黑马掌上商城

5.1 项目简介

5.1.1 项目功能展示

5.1.2 项目目录和文件结构

5.1.3 项目开发流程

5.2 商城首页

5.2.1 【任务1】项目搭建

5.2.2 【任务2】页面主体和头部搜索

5.2.3 【任务3】轮播图

5.2.4 【任务4】导航栏

5.2.5 【任务5】商品

5.3 商品分类页

5.3.1 【任务6】顶部通栏

5.3.2 【任务7】左侧栏

5.3.3 【任务8】右侧栏

5.4 购物车页面

5.4.1 【任务9】购物车页面

5.4.2 【任务10】弹出框动画

5.5 Zepto.js

5.5.1 Zepto模块

5.5.2 Zepto的使用

小结

【思考题】

第6章 跨平台移动Web技术

6.1 响应式Web设计

6.1.1 响应式Web设计简介

6.1.2 响应式Web设计相关技术

6.2 媒体查询

6.3 栅格系统

6.4 弹性盒布局

小结

【思考题】

第7章 使用Bootstrap进行移动Web开发

7.1 初识Bootstrap

7.1.1 Bootstrap简介

7.1.2 Bootstrap下载

7.1.3 Bootstrap基本模板

7.2 Bootstrap常用布局

7.2.1 布局容器

7.2.2 栅格系统