移动Web前端高效开发实战 HTML5+CSS3+JavaScript+Webpack+ReactNative+Vue.js+Node.jsPDF|Epub|txt|kindle电子书版本网盘下载

移动Web前端高效开发实战 HTML5+CSS3+JavaScript+Webpack+ReactNative+Vue.js+Node.jsPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 初识移动Web前端1

1.1 移动Web前端史1

1.1.1 Web开发的变迁2

1.1.2 移动Web与HTML5不得不说的关系3

1.1.3 移动Web与原生应用的优劣势5

1.2 移动Web前端现状与未来6

1.2.1 移动Web的现状6

1.2.2 您需要掌握的知识体系7

1.2.3 技术拐点与未来趋势10

1.3 常见问题11

1.3.1 移动Web前端开发有前景吗11

1.3.2 PC Web和移动Web开发区别12

1.4 本章小结13

第2章 移动Web开发环境搭建14

2.1 Visual Studio Code免费跨平台编辑器14

2.2 使用Node.js16

2.2 1Node.js的用途16

2.2.2 安装和调试Node.js17

2.2.3 什么是NPM19

2.2.4 Web代理工具NProxy22

2.2.5 HTTP服务器http-server24

2.3 本章小结25

第3章 HTML 5必会实际常用特性26

3.1 新的语义26

3.1.1 新元素的到来26

3.1.2 表单的增强应用28

3.1.3 使用音频和视频32

3.2 访问你的设备34

3.2.1 定位当前地埋位置35

3.2.2 实战演练：调用摄像头拍个照37

3.2.3 实战演练：在手机上实现摇一摇41

3.3 离线和存储44

3.3.1 实战演练：搭建一个简单的离线应用44

3.3.2 离线之后资源该如何更新——Service Worker47

3.3.3 LocalStorage与SessionStorage48

3.3.4 实战演练：利用IndexedDB实现便签管理51

3.4 图像效果56

3.4.1 使用Canvas绘制一个简单的饼图56

3.4.2 使用SVG实现奥运五环58

3.4.3 WebGL带来了3D图像功能60

3.5 不一样的通信62

3.5.1 PostMessages62

3.5.2 XMLHttpRequest Level265

3.5.3 Server Sent Event69

3.5.4 WebSocket72

3.5.5 WebRTC73

3.6 其他常用特性77

3.6.1 History API与单页应用77

3.6.2 Drag和Drop介绍79

3.6.3 利用Web Workers加速应用计算81

3.6.4 利用Performance API分析网站性能82

3.7 本章小结85

第4章 CSS 3必会实战技巧86

4.1 认识CSS 386

4.1.1 什么是CSS 387

4.1.2 移动Web的CSS 3现状89

4.1.3 用Modernizr检测浏览器是否支持CSS 393

4.2 选择器96

4.2.1 常见选择器97

4.2.2 伪类和伪元素99

4.2.3 优先级和权重104

4.3 响应式开发106

4.3.1 常见设备的宽高106

4.3.2 Flex弹性盒布局108

4.3.3 媒体查询（Media Query）112

4.3.4 用rem开发响应式设计115

4.3.5 多列（Multiple Columns）119

4.4 动效122

4.4.1 转换（Transform）122

4.4.2 过渡（Transition）126

4.4.3 动画（Animation）128

4.5 常用特性131

4.5.1 开放字体格式（WOFF）131

4.5.2 背景（Backgrounds）134

4.5.3 颜色（Color）138

4.5.4 文字效果（Text Effects）141

4.5.5 边框（Border）144

4.6 预编译147

4.6.1 Less介绍和安装147

4.6.2 Less使用150

4.6.3 Sass介绍和安装154

4.6.4 Sass使用156

4.6.5 Compass的安装和使用160

4.7 本章小结163

第5章 JavaScript关键语法及使用技巧164

5.1 理解JavaScript164

5.1.1 语言基础165

5.1.2 函数和参数168

5.2 事件171

5.2.1 事件概述171

5.2.2 事件委托172

5.2.3 移动端事件175

5.3 作用域、闭包和this178

5.3.1 使用let实现块级作用域178

5.3.2 闭包180

5.3.3 采用call、apply、bind改变this182

5.4 面向对象184

5.4.1 原型和原型链184

5.4.2 Mixin模式186

5.4.3 ECMAScript 6的Class和Extends188

5.5 异步编程189

5.5.1 AJAX中的Callback回调函数189

5.5.2 Promise模式190

5.5.3 生成器Generator192

5.6 模块化194

5.6.1 为什么需要模块化195

5.6.2 AMD和CMD规范197

5.6.3 ECMAScript 6标准的模块支持205

5.7 ECMAScript 6其他常用功能207

5.7.1 基础数据类型的扩展207

5.7.2 使用解构赋值来简化代码210

5.7.3 使用Babel插件提前使用新特性212

5.8 本章小结215

第6章 HTML 5移动开发实战216

6.1 在地图上显示行走轨迹216

6.2 仿原生相册220

6.2.1 实现相册初始展示页221

6.2.2 通过手势操作控制相片222

6.3 使用Socket.IO制作小型聊天室224

6.3.1 前端HTML＋JavaScript实现聊天界面225

6.3.2 服务器端Node.js监听连接227

6.4 移动端拍照上传实践228

6.4.1 前端HTML＋CSS＋JavaScript229

6.4.2 服务器端Node.js232

6.5 利用Microdata进行SEO优化232

6.5.1 认识Microdata233

6.5.2 提升网页SEO效果233

6.6 制作一个带字幕的视频播放器237

6.7 使用Pixi.js制作“抓住开学君”游戏（Canvas＋WebGL）242

6.8 用Canvas制作刮刮卡248

6.9 实战演练：实现3D全景效果251

6.9.1 需要的CSS 3特性251

6.9.2 实现原理251

6.9.3 实现代码253

6.10 本章小结255

第7章 移动网页样式布局实战256

7.1 静态布局的实际应用256

7.1.1 设计活动页面静态布局257

7.1.2 静态布局在移动端上的自适应257

7.2 水平居中与垂直居中实战259

7.2.1 水平居中259

7.2.2 自适应块级元素水平居中260

7.2.3 行内元素垂直居中261

7.2.4 块级元素的垂直居中263

7.2.5 基于视口单位的解决方案264

7.2.6 基于Flexbox的解决方案265

7.3 栅格系统实现响应式列表267

7.3.1 实现栅格布局267

7.3.2 栅格布局的原理269

7.4 Flex多栏布局实战269

7.5 实战演练：沪江网校首页rem布局实践272

7.6 实战演练：侧边栏的滑进滑出效果276

7.7 实战演练：模拟原生的页面切换效果280

7.7.1 实现页面切换过渡效果280

7.7.2 模拟切换原理解析283

7.8 提高Web动画的性能实战284

7.8.1 使用CSS 3动画284

7.8.2 使用高性能的JavaScript动画285

7.9 实战演练：课程分类列表实战286

7.9.1 实现主页结构287

7.9.2 响应式CSS实现（Compass）289

7.9.3 添加页面动态效果293

7.10 本章小结294

第8章 前端工程化实战295

8.1 前端工程化295

8.1.1 前端工程化的必要性296

8.1.2 前端工程化的发展史298

8.2 工程化入门Grunt300

8.2.1 安装和配置301

8.2.2 Grunt插件302

8.2.3 实战演练：使用Grunt开发一个简易相册305

8.3 使用Gulp构建一个ECMAScript 6和Sass应用309

8.3.1 安装和配置309

8.3.2 预处理任务310

8.3.3 实战演练：采用ECMAScript 6开发一个Markdown编辑器312

8.3.4 代码检查任务315

8.3.5 代码合并、压缩、重命名任务317

8.3.6 监听文件变化自动构建318

8.4 实战演练：使用Webpack构建一个React应用320

8.4.1 安装和配置320

8.4.2 常用的加载器和插件323

8.4.3 缓存控制327

8.4.4 简化模块引用330

8.4.5 异步模块加载332

8.4.6 使用Source Map调试代码335

8.5 本章小结338

第9章 移动Web常用开发方式实战339

9.1 基于DOM的开发方式339

9.1.1 使用Zepto和前端模板开发简单备忘录340

9.1.2 解决原生单击事件的缺陷341

9.1.3 为何抛弃掉Zepto343

9.2 基于React的开发方式345

9.2.1 使用JSX语法创建React组件345

9.2.2 在实践中掌握React生命周期348

9.2.3 实现组件间通信353

9.2.4 实现组件关注分离355

9.2.5 实战演练：运用组件化方式开发一个备忘录358

9.2.6 如何管理应用的状态364

9.2.7 添加动画效果366

9.2.8 提高React组件性能369

9.3 基于Vue.js的开发方式372

9.3.1 实战演练：开发一个简单的备忘录应用（Vue.js 2.0）372

9.3.2 管理应用的状态及实现组件间的通信375

9.3.3 添加动画效果379

9.4 打造单页应用SPA381

9.4.1 单页应用的优势是什么382

9.4.2 实战演练：实现一个单页路由382

9.4.3 实战演练：使用React开发一个简单的单页应用384

9.4.4 单页应用的状态管理386

9.5 本章小结388

第10章 混合式开发实战389

10.1 为什么需要混合式开发389

10.1.1 混合式开发种类389

10.1.2 混合式开发的优势390

10.1.3 选择合适的混合式开发方案391

10.2 Cordova开发入门392

10.2.1 JavaScript和Native互相调用392

10.2.2 Cordova介绍和安装394

10.2.3 Cordova开发使用397

10.3 React Native实战400

10.3.1 React Native简介400

10.3.2 React Native样式和布局402

10.3.3 React Native组件概念404

10.3.4 简单组件实战404

10.3.5 复合组件实战405

10.3.6 第三方组件实战406

10.3.7 常用API实践407

10.4 实战演练：用React Native开发新闻阅读应用410

10.4.1 React Native的工程项目结构一览410

10.4.2 列表页411

10.4.3 新闻评论页414

10.4.4 新闻展示页414

10.5 本章小结415

第11章 前端开发调试实战417

11.1 浏览器调试417

11.1.1 Chrome开发者工具418

11.1.2 Safari开发者工具421

11.2 代理工具424

11.2.1 Mac OS下Charles的用法424

11.2.2 Windows下Fiddler的用法426

11.3 多终端同步工具428

11.3.1 多设备浏览器同步测试工具BrowserSync429

11.3.2 双向自动刷新样式工具Emmet LiveStyle431

11.4 模拟器调试432

11.4.1 Android模拟器调试432

11.4.2 iOS模拟器调试434

11.4.3 在线模拟器Manymo436

11.5 多平台调试437

11.5.1 网站响应式设计测试工具Ghostlab437

11.5.2 移动端Web开发调试工具Weinre439

11.5.3 JavaScript远程调试和测试工具VorlonJS442

11.6 云真机调试444

11.6.1 浏览器兼容性云端测试应用BrowserStack444

11.6.2 Web端移动设备管理控制工具STF446

11.6.3 多浏览器兼容性测试平台F2etest448

11.7 React调试452

11.7.1 React Developer Tools452

11.7.2 Redux DevTools455

11.8 本章小结458

第12章 前端单元测试实战459

12.1 JavaScript单元测试框架Jasmine实战459

12.2 使用Mocha和Chai在Node.js进行单元测试462

12.3 使用Sinon辅助单元测试465

12.4 使用Karma自动化单元测试468

12.5 使用Istanbul计算代码覆盖率470

12.6 使用Benchmark.js进行基准测试473

12.7 实战演练：React版备忘录项目的完整单元测试475

12.8 本章小结479

第13章 前端性能优化实战480

13.1 常用网站性能优化指标480

13.1.1 网页的资源请求与加载阶段481

13.1.2 网页渲染阶段482

13.1.3 JavaScript脚本的执行速度484

13.2 依旧有效的Yahoo性能优化法则484

13.3 性能优化工具使用实战486

13.3.1 YSlow486

13.3.2 PageSpeed487

13.3.3 WebPagetest488

13.4 HTTP协议头缓存实战489

13.4.1 客户端缓存流程489

13.4.2 缓存协议内容490

13.4.3 实战演练：HTTP缓存491

13.5 资源按需加载实战492

13.5.1 基于RequireJS的按需加载492

13.5.2 基于Webpack的按需加载493

13.5.3 图片懒加载494

13.6 不同网络类型的优化实战495

13.6.1 获取网络类型495

13.6.2 弱网图片优化496

13.6.3 弱网缓存优化496

13.7 实战演练：Nginx配置Combo合并HTTP请求497

13.7.1 安装Nginx和文件合并模块498

13.7.2 配置Nginx和Combo499

13.8 本章小结499

第14章 项目实战：搭建直播平台（Cordova＋Koa＋React）500

14.1 项目的安装和启动500

14.1.1 安装依赖501

14.1.2 启动项目501

14.1.3 Cordova打包502

14.2 直播平台功能预览502

14.2.1 直播流程503

14.2.2 直播核心页面503

14.3 页面的布局和结构504

14.3.1 首页504

14.3.2 发起直播页面505

14.3.3 观看直播页面505

14.4 搭建WebRTC服务端——Koa506

14.5 实现多人在线直播功能512

14.6 实现弹幕客户端与服务端通信517

14.6.1 客户端与服务端通信的过程517

14.6.2 客户端代码设计——React518

14.6.3 服务端代码设计520

14.7 本章小结521