Vue.js全平台前端实战

凌杰（网名：owlman） 浙江大学远程教育学院“荣誉学员”。自由开发者、技术写作者兼译者。精通JavaScript、Python、C、C++ 等多门编程语言，拥有丰富的开发及测试经验。曾担任上海交通大学饮水思源BBS的电脑技术区区长。 著有《JavaScript全栈开发》，译有《Python 算法教程》《JavaScript 面向对象编程指南》《元素模式》等作品。

第1章 准备工作

 1.1 背景知识准备

 1.1.1 客户-服务器体系结构

 1.1.2 HTML、CSS与JavaScript

 1.1.3 RESTful架构

 1.2 搭建编程环境

 1.2.1 Web浏览器环境

 1.2.2 Node.js运行环境

 1.2.3 项目开发工具

 1.2.4 源码管理机制

 1.3 代码调试方法

 1.3.1 使用console对象

 1.3.2 使用调试工具

 1.4 本章小结

第一部分 Vue.js快速入门

 第2章 创建前端应用

 2.1 选择Vue.js框架的原因

 2.2 创建个Vue.js项目

 2.2.1 创建并初始化项目

 2.2.2 正确地加载框架

 2.2.3 创建源码文件

 2.3 初识Vue.js前端应用

 2.4 Vue.js3.x带来的变化

 2.5 本章小结

 第3章 设计用户界面

 3.1 单向数据绑定

 3.2 实现动态渲染

 3.2.1 条件渲染

 3.2.2 循环渲染

 3.3 响应用户操作

 3.3.1 事件处理

 3.3.2 数据输入

 3.4 动态CSS样式

 3.5 本章小结

 第4章 实现Vue对象

 4.1 挂载Vue对象

 4.2 操作关联数据

 4.2.1 data成员

 4.2.2 computed成员

 4.2.3 methods成员

 4.2.4 watch成员

 4.3 处理生命周期

 4.4 本章小结

 第5章 使用Vue组件

 5.1 Vue组件基础

 5.1.1 创建Vue组件

 5.1.2 Vue专用文件

 5.1.3 Vue.js3.x中的组件

 5.2 设计Vue组件

 5.2.1 面向组件的v-on指令

 5.2.2 面向组件的v-model指令

 5.2.3 预留组件插槽

 5.3 使用现有组件

 5.3.1 使用内置组件

 5.3.2 引入外部组件

 5.4 本章小结

 第6章 使用自动化工具

 6.1 前端打包工具

 6.1.1 为何需要打包

 6.1.2 基本打包选项

 6.1.3 实现自动化打包

 6.2 项目脚手架工具

 6.2.1 安装Vue CLI工具

 6.2.2 创建并初始化项目

 6.2.3 示例项目详解

 6.3 前端构建工具

 6.4 本章小结

第二部分 PC端浏览器项目实践

 第7章 构建服务端RESTful API

 7.1 理解RESTful架构

 7.1.1 REST设计规范

 7.1.2 设计RESTful API

 7.2 RESTful API示例

 7.2.1 构建HTTP服务器

 7.2.2 实现RESTful API

 7.3 本章小结

 第8章 PC端浏览器应用开发（上篇）

 8.1 构建Web服务

 8.2 实现前端路由

 8.3 用户的登录与注册

 8.3.1 第一步：加载自定义组件

 8.3.2 第二步：调用RESTful API

 8.3.3 第三步：前端状态管理

 8.3.4 第四步：显示用户信息

 8.4 本章小结

 第9章 PC端浏览器应用开发（下篇）

 9.1 管理图书信息

 9.1.1 图书列表组件

 9.1.2 添加图书信息

 9.1.3 修改图书信息

 9.1.4 删除图书信息

 9.2 实现评论功能

 9.2.1 显示图书信息

 9.2.2 实现书评列表

 9.3 本章小结

第三部分 移动端项目实践

 第10章 移动端开发概述

 10.1 移动端解决方案

 10.1.1 屏幕适配问题

 10.1.2 响应触控操作

 10.2 uni-app移动端框架

 10.2.1 构建uni-app项目

 10.2.2 uni-app项目配置

 10.3 本章小结

 第11章 uni-app项目实践（上篇）

 11.1 创建项目

 11.2 项目配置

 11.2.1 全局样式

 11.2.2 页面路由

 11.2.3 tabBar配置

 11.2.4 侧边窗口

 11.3 界面设计

 11.3.1 容器组件

 11.3.2 交互组件

 11.4 API

 11.4.1 网络请求

 11.4.2 数据缓存

 11.5 本章小结

 第12章 uni-app项目实践（下篇）

 12.1 页面跳转操作

 12.1.1 导航组件标签

 12.1.2 页面跳转接口

 12.2 生命周期函数

 12.2.1 页面生命周期

 12.2.2 组件生命周期

 12.2.3 应用生命周期

 12.3 应用程序打包

 12.3.1 发布为HTML5应用

 12.3.2 发布为微信小程序

 12.4 本章小结

1.中心框架：以Vue.js 框架及其在移动端的扩展框架uni-app 为中心，探讨如何开发面向同一Web 服务的不同形式的前端。 2.全平台：一次开发完成PC端浏览器+iOS/ Android+小程序等平台应用部署上架。 3.重实战：以 RESTful API为后端服务，创建PC端浏览器、移动设备项目实战。 4.好上手：提供大量可读性强、可被验证的代码示例，以帮助读者循序渐进、层层深入地理解前端开发领域所涉及的技术概念、编程思想与框架设计理念。 5.附赠源代码

近十年来前端应用市场的规模日益扩张，学习前端开发及其框架的应用已经成为众多开发者在职业生涯中必须要面对的课题之一。本书将以Vue.js框架及其在移动端的扩展框架uni-app为中心来探讨如何开发面向同一Web服务的不同形式的前端。本书内容涵盖Vue.js2.x/3.x框架与uni-app框架的设计理念、适用领域、环境配置方法，以及它们在传统PC端Web浏览器、iOS/Android以及微信小程序平台等各类不同前端环境中的具体项目实践。在这些项目的演示过程中，本书将提供大量可读性强、可被验证的代码示例，以帮助读者循序渐进、层层深入地理解前端开发领域所涉及的技术概念、编程思想与框架设计理念。 本书适合对HTML+CSS+JavaScript技术、HTTP、Web浏览器中的DOM和BOM等基础知识有一定了解，且对Vue.js及其扩展框架有兴趣的初学者、前端开发人员与设计师阅读。

随着硬件指标与JavaScript功能的不断增强，在不同平台上，越来越多的复杂人机交互开始使用JavaScript实现，Vue.js作为杰出的JavaScript前端框架得到了广泛的应用。这本书作者依靠自己强大的毅力自学成才，拥有丰富的前端开发实战经验。在这本书中，作者从项目实践出发，带领读者循序渐进掌握Vue.js全平台开发需要了解的知识。除此之外，作者还分析了框架关键模块的实现与思路，让读者知其然并知其所以然，方便未来更灵活地应用。总之，这本书不仅面向开发新手，即使对于经验丰富的前端开发者，它也值得作为参考。 ——林应，原Dell EMC工程经理 哇哦，凌杰同学又出书了！他与我相似，是个平时话不多、直接用硬核代码表达思想、实力程序员作者。这本书可以说是前端程序员从入门到精通的宝典，综合HTML、CSS、JavaScript等基础Web技术详解，使用Vue.js代码精细控制用户界面和交互、自动打包以及PC端、移动端、小程序等多平台实战演练，基本覆盖目前主流的前端技术。即使你是一个后端程序员，这本书对你也大有好处，因为主流前端框架与后端的通信越来越紧密，前后端的界限也是越来越模糊。总之，赶紧买来琢磨、研读就对了！ ——胡世杰，《分布式对象存储——原理、架构及Go语言实现》作者，Scopely DevOps工程师 我向准备采用Vue.js框架从事Web前端开发，以及各平台小程序开发的从业人员，强烈推荐这部深入浅出的、几乎是手把手指导开发过程的好作品。在轻量级Web前端领域，尤其是近几年兴起的小程序和轻应用等开发领域，Vue.js已经占据重要位置。这本书无论作为教材还是参考书，值得相关开发者常备于书架之上。 ——郭久亮，独立移动端应用研发工程师