技术教育社区
www.teccses.org

移动Web手册

封面

作者:奇舞团

页数:187

出版社:电子工业出版社

出版日期:2015

ISBN:9787121258213

电子书格式:pdf/epub/txt

内容简介

√ 互联网产品移动端活跃用户数超越pc端已大势所趋
√ 本书彻底厘清移动web开发与传统pc网站开发的本质区别
√ 是前端大神ppk八年潜心研究移动web及大量浏览器的成果总结
√ 通过移动端对前端开发的种种挑战及相应对策,细致剖析解决思路
√ 以专业视角系统梳理前端在移动平台上的知识、技能,及开发原理、手段
√ 操作系统、浏览器、机型适配、视口、css特性、触屏事件、开发者装备,一应俱全
√ 从前端走向终端必不可少的大纲,告诉你哪些是移动前端真正要用的,打好基础才能明确方向

作者简介

Peter-Paul Koch(另一个更广为人知的名字是PPK)是HTML、CSS和JavaScript方面的专家,尤其擅长解决浏览器兼容性问题。在2009年,他就从传统的桌面浏览器和网站转而研究移动Web领域,并且从未间断。

相关资料

移动端,显然是未来一段时间内前端开发的主战场,这本书就是前端工程师进军移动战场的极好武器,对每一位过去从事pc前端开发,现在和将来从事移动前端开发的工程师而言,这本书既是一本脉络清晰的教程,又是一本内容非常实用的参考书,如果你不了解移动平台上如何开发优秀的网站,那么,这本书就是为你准备的。

一般的计算机书籍,多数不离教程和手册两类:教程从学习的角度,由浅入深去讲解一块知识;手册从技术逻辑的角度,全面地提供信息以供查阅。而ppk这本书既不像是教程,也不像手册,如果只用一句话来描述这本书,那就是“一个pc前端工程师迁移到移动前端所需要的书”。

这本书,作者以专业的视角将前端在移动平台上的知识和技能进行了系统的梳理,深入浅出地介绍了移动web开发的基本原理和常规手段,虽然语不惊人,中规中矩,但不失为一本能为前端工程师打下牢固移动开发基础的好书。

读的过程中可以感受到移动端对前端开发的种种挑战和ppk的分析和解决方案。从操作系统、浏览器、android机型适配、到开发过程中要用到的视口、css特性、触屏事件,甚至成为移动web开发者要用到的装备,ppk讲述了如何从普通的前端工程师转型到移动开发所需要的一切。

建议每一个想要将来涉足移动前端开发的工程师先读过这本书,再去决定学习哪些前端技术。html5的新特性浩如烟海,兼容性也差异巨大,更重要的是,你无法判断哪些才是现在的移动前端真正要用的。而ppk这本书,正好能给你打下基础,指清楚方向。

本书特色

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

目录

第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
javascript ……95

布局视口 …………………………..96
视觉视口 …………………………..97
理想视口——还是屏幕尺寸 …..97
devicepixelratio…………………98
改变meta视口标签 ………………98
orientationchange事件………….99
resize事件 …………………………99

第5章 css. ………………………… 103
position:.xed ………………………………………………106
over.ow: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
触摸事件的不同之处 ……..

下载地址

立即下载

(解压密码:www.teccses.org)

Article Title:《移动Web手册》
Article link:https://www.teccses.org/523508.html