移动Web手册_前端开发教程

资源名称：移动Web手册

内容简介：

《移动Web手册（双色）》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍，让读者理解移动开发的复杂之处。接下来对移动设备上的各种浏览器进行了详细介绍，以及这些浏览器的市场占有率、特性支持等。《移动Web手册（双色）》为那些想进入移动Web开发领域的人提供了一些指导性的建议并对移动Web开发的未来进行了展望。

《移动Web手册（双色）》主要面向前端开发工程师，对移动Web开发感兴趣的手机App开发工程师以及测试工程师也可以参考学习。

资源目录：

第1章　移动世界………….. 1

移动价值链 ……………………………………..3

运营商 ……5

网络供应商 ……………6

运营商补贴 ……………6

补贴还是不补贴 ……..8

开发者和消费者心理份额 ………..9

设备供应商和硬件 …………………………10

跟随一部手机 ……… 10

什么是智能手机 …… 12

全球设备市场 ……… 13

寻找合适的统计 …… 14

智能手机销售市场份额 …………. 16

操作系统销售市场份额 …………. 17

操作系统使用量 …… 19

设备市场的变化 …… 20

操作系统厂商和软件 ……………………..22

现存操作系统 ……… 23

挑战者 ……………….. 24

Web作为操作系统 … 25

第2章　浏览器…………… 27

浏览器类型 ……………………………………30

内置浏览器 …………. 30

可下载浏览器 ……… 31

WebView …………….32

代理浏览器 ……………………………………32

优势：便宜 …………. 34

缺点：没有客户端交互 …………. 35

在代理浏览器上开发 ……………. 35

混合浏览器 …………. 36

iOS浏览器的情况 …………………………..37

其他平台的浏览器的情况 ……… 38

渲染引擎 38

手机上没有WebKit ..39

用浏览器赚钱 ………………………………..40

统计数据 42

第3章　安卓……………… 47

结构和目的 ……………………………………50

差异化 ……………….. 50

安卓的更新 …………. 52

谷歌服务 ……………. 53

安卓浏览器 ……………………………………54

安卓WebKit …………54

Chrome ……………… 56

三星Chrome和其他浏览器 …….. 57

当前的内置浏览器 .. 59

可下载的浏览器 …… 59

我应该测试哪些浏览器呢 ………………60

第4章　视口……………… 63

像素 ……..66

三个视口 68

布局视口 ……………. 70

视觉视口 ……………. 71

理想视口 ……………. 72

哪一个视口 …………. 73

缩放 ……..75

什么是缩放 …………. 75

页面缩放 ……………. 76

拖放 ………………….. 77

最小和最大缩放比例 ……………. 78

禁止缩放 ……………. 79

其他缩放形式 ……… 79

分辨率 ….80

物理分辨率 …………. 80

设备像素比 …………. 80

dppx和dpi ………….. 82

meta视口 …….82

width…………………. 83

initial-scale …………85

完美的meta视口 ……85

太大的元素 …………. 86

布局视口的最小宽度 ……………. 86

minimum-scale和maximum-scale …….87

@viewport 和 IE …..88

媒体查询 89

媒体类型 ……………. 89

语法笔记 ……………. 90

宽度和高度 …………. 92

在媒体查询中使用em …………… 92

device-width和device-height ….93

device-pixel-ratio和分辨率 …….94

转向 ………………….. 95

aspect-ratio和device-aspect-ratio …….95

Javaｓｃｒｉｐｔ 95

布局视口 ……………. 96

视觉视口 ……………. 97

理想视口–还是屏幕尺寸 …… 97

devicePixelRatio …..98

改变meta视口标签 ..98

orientationchange事件 …………..99

resize事件 …………..99

第5章　CSS…………… 103

position:fixed ………………………………..106

overflow:auto ………………………………..109

overflow-scrolling 110

background-attachment ………………….. 111

尺寸单位vw和vh ………………………….. 112

:active和:hover ……………………………… 113

过渡和动画 …………………………………. 115

第6章　触摸和指针事件.. 117

触摸事件 ……………………………………..120

touchcancel ………. 121

手势事件 ………….. 122

其他事件 ………….. 122

实例 ……123

下拉菜单 ………….. 123

拖放 ………………… 124

滚动层 ……………… 125

事件和交互模式 …………………………..126

等价事件 ………….. 127

触摸事件的不同之处 ………….. 128

能否合并触摸事件与鼠标事件 130

mouseover和pointerover……… 132

输入模式的渐进增强 ………….. 133

判断当前的交互模式 ………….. 134

触摸事件的级联 …………………………..138

轻触操作 ………….. 139

其他动作 ………….. 141

Safari：取消事件级联 ………… 142

Safari：鼠标事件冒泡 ………… 142

剖析Click ……………………………………..144

300毫秒 ……………. 144

同一个像素 ……….. 146

剖析触摸事件 ………………………………147

touchList ………….. 148

获取事件坐标 ……. 149

离开元素 ………….. 150

阻止默认行为 ……. 151

实例：水平滚动和垂直滚动 …. 152

指针事件 ……………………………………..153

事件名和前缀 ……. 155

事件属性 ………….. 156

touch-action ……… 156

第7章　成为移动Web开发者……….. 159

理想的设备实验室 ……………………….162

升级 ………………… 163

安卓 ………………… 164

不要安装实验版本 166

获得设备 ………….. 166

分享设备 ………….. 167

测试哪些东西 ………………………………168

如何进行测试 ………………………………169

时间 ………………… 169

准备工作 ………….. 170

分批测试 ………….. 171

测试流程 ………….. 173

克服过时的惯性思维 ……………………174

浏览器探测 ……….. 174

Javaｓｃｒｉｐｔ脚本库 .. 175

移动网络 ……………………………………..176

连接速度 ………….. 177

第8章　移动Web的未来 179

HTML5 vs. 原生应用 …………………….181

模拟原生应用 ………………………………182

网络连通性和AppCache ……… 183

安装到主屏幕 ……. 183

设备API …………… 184

模拟Web ………………………………………186

分享应用 ……………………………………..187

资源截图：