移动web前端高效开发实战
本书特色
[
移动互联网的兴起和快速普及，给前端开发人员带来了前所未有的新机遇。移动Web前端技术作为整个技术链条中重要的一环，却乱象丛生。本书是一本梳理移动前端和Native客户端技术体系的入门实战书。 本书涵盖了移动Web前端开发中的各个关键技术环节，共14章。分别从HTML 5、CSS 3、JavaScript的ECMAScript 5和ECMAScript 6版本、移动端常用布局方案、MV*类新时代框架、预编译技术、性能优化、开发调试、混合式应用、单元测试、工程化等方面全面地还原一线互联网公司Web前端技术栈。 创作本书的初衷是帮助移动Web前端开发领域的工程师们，勾画出一张实用并且具体的技术图，帮助读者正确且快速地掌握学习路径。本书篇幅有限，力求精简，只列举了各技术栈中核心关键部分，包括大量基于Web前端的优秀开源技术类库和框架介绍，是进入移动Web开发领域的绝佳之选。
]
内容简介
[
√
《移动Web前端高效开发实战：HTML 5 CSS 3 JavaScript Webpack React Native Vue.js
Node.js》梳理了移动前端和Native客户端技术体系
√
涵盖了移动Web前端开发中的各个关键技术环节
√
全面地还原了一线互联网公司的Web前端技术栈
√
含大量基于Web前端的优秀开源技术类库和框架介绍
√
是进入移动Web开发领域的绝佳之选
]
作者简介
[
iKcamp由沪江Web前端团队中热爱原创和翻译的小伙伴发起，成立于2016年7月，”iK”代表布兰登?艾克（JavaScript之父）。追随JavaScript这门语言所秉持的精神，崇尚开放和自由的我们一同工作、分享、创作，等候更多有趣跳动的灵魂。
本书由iKcamp团队制作完成，主要成员如下。
陈达孚，2015年研究生毕业于香港中文大学计算机专业，现为沪江Web前端架构部成员，主要进行前端新技术调研实践工作，曾在FDCon 2017上分享“基于React Native三端融合的应用和实践”。
朱会震，10年Web开发经验，曾任CSDN架构师，负责多个核心产品的研发工作。近几年专注于移动Web开发、前端工程化、高效能等方面的研究。现就职于沪江，负责沪江网校Web前端开发和管理工作。
哈志辉，沪江CCtalk产品线前端架构师，有过多年的前后端开发及架构经验。在前后端分离、Webpack构建、React单页应用及自动化等方面有丰富的经验。
干珺，曾就职于大众点评等互联网公司，现就职于沪江学金网络。React忠实爱好者，喜欢研究新技术，信奉“没有最好的技术，只有最合适的技术”。iKcamp由沪江Web前端团队中热爱原创和翻译的小伙伴发起，成立于2016年7月，”iK”代表布兰登?艾克（JavaScript之父）。追随JavaScript这门语言所秉持的精神，崇尚开放和自由的我们一同工作、分享、创作，等候更多有趣跳动的灵魂。
本书由iKcamp团队制作完成，主要成员如下。
陈达孚，2015年研究生毕业于香港中文大学计算机专业，现为沪江Web前端架构部成员，主要进行前端新技术调研实践工作，曾在FDCon 2017上分享“基于React Native三端融合的应用和实践”。
朱会震，10年Web开发经验，曾任CSDN架构师，负责多个核心产品的研发工作。近几年专注于移动Web开发、前端工程化、高效能等方面的研究。现就职于沪江，负责沪江网校Web前端开发和管理工作。
哈志辉，沪江CCtalk产品线前端架构师，有过多年的前后端开发及架构经验。在前后端分离、Webpack构建、React单页应用及自动化等方面有丰富的经验。
干珺，曾就职于大众点评等互联网公司，现就职于沪江学金网络。React忠实爱好者，喜欢研究新技术，信奉“没有最好的技术，只有最合适的技术”。
戴亮，近十年前后端开发经验。2014年加入沪江Web前端架构组，负责UI组件、移动打包平台等模块开发，推动Node.js前后端分离方案的落地。曾在GMTC 2017上分享“沪江基于Node.js大规模应用实践”。
严明坤，2003年开始从事网站开发工作，2007年赴上海发展并专注于前端领域，曾就职于盛大网络，现就职于沪江。
易未来，原沪江Web前端架构师，现任职万达网络科技集团资深开发工程师。多年前后端开发经验，现专注于前端开发，先后在EMC、携程、沪江从事相关开发及管理工作。
周遥，《HTML 5网页开发实例详解》作者，先后在盛大网络、大众点评网就职，从事相关开发及管理工作，现为沪江Web前端横向负责人。
]
目录
第1章 初识移动Web前端11.1 移动Web前端史11.1.1 Web开发的变迁21.1.2 移动Web与HTML 5不得不说的关系31.1.3 移动Web与原生应用的优劣势 51.2 移动Web前端现状与未来61.2.1 移动Web的现状61.2.2 您需要掌握的知识体系71.2.3 技术拐点与未来趋势101.3 常见问题111.3.1 移动Web前端开发有前景吗111.3.2 PC Web和移动Web开发区别121.4 本章小结13第2章 移动Web开发环境搭建142.1 Visual Studio Code免费跨平台编辑器142.2 使用Node.js162.2.1 Node.js的用途162.2.2 安装和调试Node.js172.2.3 什么是NPM192.2.4 Web代理工具NProxy222.2.5 HTTP服务器http-server242.3 本章小结25第3章 HTML 5 必会实际常用特性 263.1 新的语义 263.1.1 新元素的到来 263.1.2 表单的增强应用 283.1.3 使用音频和视频 323.2 访问你的设备 343.2.1 定位当前地埋位置353.2.2 实战演练：调用摄像头拍个照 373.2.3 实战演练：在手机上实现摇一摇413.3 离线和存储443.3.1 实战演练：搭建一个简单的离线应用443.3.2 离线之后资源该如何更新——Service Worker473.3.3 LocalStorage与SessionStorage483.3.4 实战演练：利用IndexedDB实现便签管理 513.4 图像效果563.4.1 使用Canvas绘制一个简单的饼图563.4.2 使用SVG实现奥运五环583.4.3 WebGL带来了3D图像功能603.5 不一样的通信623.5.1 PostMessages623.5.2 XMLHttpRequest Level 2 653.5.3 Server Sent Event693.5.4 WebSocket 723.5.5 WebRTC 733.6 其他常用特性 773.6.1 History API与单页应用773.6.2 Drag和Drop介绍 793.6.3 利用Web Workers加速应用计算813.6.4 利用Performance API分析网站性能823.7 本章小结85第4章 CSS 3 必会实战技巧864.1 认识CSS 3 864.1.1 什么是CSS 3 874.1.2 移动Web的CSS 3现状 894.1.3 用Modernizr检测浏览器是否支持CSS 3 934.2 选择器 964.2.1 常见选择器 974.2.2 伪类和伪元素 994.2.3 优先级和权重 1044.3 响应式开发 1064.3.1 常见设备的宽高 1064.3.2 Flex弹性盒布局 1084.3.3 媒体查询（Media Query） 1124.3.4 用rem开发响应式设计 1154.3.5 多列（Multiple Columns） 1194.4 动效 1224.4.1 转换（Transform） 1224.4.2 过渡（Transition） 1264.4.3 动画（Animation） 1284.5 常用特性 1314.5.1 开放字体格式（WOFF） 1314.5.2 背景（Backgrounds） 1344.5.3 颜色（Color） 1384.5.4 文字效果（Text Effects） 1414.5.5 边框（Border） 1444.6 预编译 1474.6.1 Less介绍和安装 1474.6.2 Less使用 1504.6.3 Sass介绍和安装 1544.6.4 Sass使用 1564.6.5 Compass的安装和使用 1604.7 本章小结 163第5章 JavaScript关键语法及使用技巧 1645.1 理解JavaScript 1645.1.1 语言基础 1655.1.2 函数和参数 1685.2 事件 1715.2.1 事件概述 1715.2.2 事件委托 1725.2.3 移动端事件 1755.3 作用域、闭包和this 1785.3.1 使用let实现块级作用域 1785.3.2 闭包 1805.3.3 采用call、apply、bind改变this 1825.4 面向对象 1845.4.1 原型和原型链 1845.4.2 Mixin模式 1865.4.3 ECMAScript 6的Class和Extends 1885.5 异步编程 1895.5.1 AJAX中的Callback回调函数 1895.5.2 Promise模式 1905.5.3 生成器Generator 1925.6 模块化 1945.6.1 为什么需要模块化 1955.6.2 AMD和CMD规范 1975.6.3 ECMAScript 6标准的模块支持 2055.7 ECMAScript 6其他常用功能 2075.7.1 基础数据类型的扩展 2075.7.2 使用解构赋值来简化代码 2105.7.3 使用Babel插件提前使用新特性 2125.8 本章小结 215第6章 HTML 5 移动开发实战 2166.1 在地图上显示行走轨迹 2166.2 仿原生相册 2206.2.1 实现相册初始展示页 2216.2.2 通过手势操作控制相片 2226.3 使用Socket.IO制作小型聊天室 2246.3.1 前端HTML JavaScript实现聊天界面 2256.3.2 服务器端Node.js监听连接 2276.4 移动端拍照上传实践 2286.4.1 前端HTML CSS JavaScript 2296.4.2 服务器端Node.js 2326.5 利用Microdata进行SEO优化 2326.5.1 认识Microdata 2336.5.2 提升网页SEO效果 2336.6 制作一个带字幕的视频播放器 2376.7 使用Pixi.js制作“抓住开学君”游戏（Canvas WebGL） 2426.8 用Canvas制作刮刮卡 2486.9 实战演练：实现3D全景效果 2516.9.1 需要的CSS 3特性 2516.9.2 实现原理 2516.9.3 实现代码 2536.10 本章小结 255第7章 移动网页样式布局实战 2567.1 静态布局的实际应用 2567.1.1 设计活动页面静态布局 2577.1.2 静态布局在移动端上的自适应 2577.2 水平居中与垂直居中实战 2597.2.1 水平居中 2597.2.2 自适应块级元素水平居中 2607.2.3 行内元素垂直居中 2617.2.4 块级元素的垂直居中 2637.2.5 基于视口单位的解决方案 2647.2.6 基于Flexbox的解决方案 2657.3 栅格系统实现响应式列表 2677.3.1 实现栅格布局 2677.3.2 栅格布局的原理 2697.4 Flex多栏布局实战 2697.5 实战演练：沪江网校首页rem布局实践 2727.6 实战演练：侧边栏的滑进滑出效果 2767.7 实战演练：模拟原生的页面切换效果 2807.7.1 实现页面切换过渡效果 2807.7.2 模拟切换原理解析 2837.8 提高Web动画的性能实战 2847.8.1 使用CSS 3动画 2847.8.2 使用高性能的JavaScript动画 2857.9 实战演练：课程分类列表实战 2867.9.1 实现主页结构 2877.9.2 响应式CSS实现（Compass） 2897.9.3 添加页面动态效果 2937.10 本章小结 294第8章 前端工程化实战 2958.1 前端工程化 2958.1.1 前端工程化的必要性 2968.1.2 前端工程化的发展史 2988.2 工程化入门Grunt 3008.2.1 安装和配置 3018.2.2 Grunt插件 3028.2.3 实战演练：使用Grunt开发一个简易相册 3058.3 使用Gulp构建一个ECMAScript 6和Sass应用 3098.3.1 安装和配置 3098.3.2 预处理任务 3108.3.3 实战演练：采用ECMAScript 6开发一个Markdown编辑器 3128.3.4 代码检查任务 3158.3.5 代码合并、压缩、重命名任务 3178.3.6 监听文件变化自动构建 3188.4 实战演练：使用Webpack构建一个React应用 3208.4.1 安装和配置 3208.4.2 常用的加载器和插件 3238.4.3 缓存控制 3278.4.4 简化模块引用 3308.4.5 异步模块加载 3328.4.6 使用Source Map调试代码 3358.5 本章小结 338第9章 移动Web常用开发方式实战 3399.1 基于DOM的开发方式 3399.1.1 使用Zepto和前端模板开发简单备忘录 3409.1.2 解决原生单击事件的缺陷 3419.1.3 为何抛弃掉Zepto 3439.2 基于React的开发方式 3459.2.1 使用JSX语法创建React组件 3459.2.2 在实践中掌握React生命周期 3489.2.3 实现组件间通信 3539.2.4 实现组件关注分离 3559.2.5 实战演练：运用组件化方式开发一个备忘录 3589.2.6 如何管理应用的状态 3649.2.7 添加动画效果 3669.2.8 提高React组件性能 3699.3 基于Vue.js的开发方式 3729.3.1 实战演练：开发一个简单的备忘录应用（Vue.js 2.0） 3729.3.2 管理应用的状态及实现组件间的通信 3759.3.3 添加动画效果 3799.4 打造单页应用SPA 3819.4.1 单页应用的优势是什么 3829.4.2 实战演练：实现一个单页路由 3829.4.3 实战演练：使用React开发一个简单的单页应用 3849.4.4 单页应用的状态管理 3869.5 本章小结 388第10章 混合式开发实战 38910.1 为什么需要混合式开发 38910.1.1 混合式开发种类 38910.1.2 混合式开发的优势 39010.1.3 选择合适的混合式开发方案 39110.2 Cordova开发入门 39210.2.1 JavaScript和Native互相调用 39210.2.2 Cordova介绍和安装 39410.2.3 Cordova开发使用 39710.3 React Native实战 40010.3.1 React Native简介 40010.3.2 React Native样式和布局 40210.3.3 React Native组件概念 40410.3.4 简单组件实战 40410.3.5 复合组件实战 40510.3.6 第三方组件实战 40610.3.7 常用API实践 40710.4 实战演练：用React Native开发新闻阅读应用 41010.4.1 React Native的工程项目结构一览 41010.4.2 列表页 41110.4.3 新闻评论页 41410.4.4 新闻展示页 41410.5 本章小结 415第11章 前端开发调试实战 41711.1 浏览器调试 41711.1.1 Chrome开发者工具 41811.1.2 Safari开发者工具 42111.2 代理工具 42411.2.1 Mac OS下Charles的用法 42411.2.2 Windows下Fiddler的用法 42611.3 多终端同步工具 42811.3.1 多设备浏览器同步测试工具BrowserSync 42911.3.2 双向自动刷新样式工具Emmet LiveStyle 43111.4 模拟器调试 43211.4.1 Android模拟器调试 43211.4.2 iOS模拟器调试 43411.4.3 在线模拟器Manymo 43611.5 多平台调试 43711.5.1 网站响应式设计测试工具Ghostlab 43711.5.2
封面
书名:移动web前端高效开发实战
作者:本书编委会
页数:540
定价:¥89.0
出版社:电子工业出版社
出版日期:2017-09-01
ISBN:9787121324819
PDF电子书大小:74MB 高清扫描完整版