目录前言第1篇 背景知识第1章 初探网页开发21.1 网页开发历史21.1.1 传统网页开发31.1.2 新前端网页开发51.2 MVVM风格开发框架61.2.1 为什么会出现MVVM61.2.2 MVVM架构的最佳实践71.2.3 MVC、MVP和MVVM开发模式对比81.3 来了91.4 的安装101.4.1 使用独立版本111.4.2 使用CDN安装131.4.3 ”npm大法”安装151.4.4 使用Chrome浏览器测试的双向绑定171.5 的主要特性191.5.1 组件191.5.2 模板221.5.3 响应式设计221.5.4 过渡效果221.5.5 单文件组件241.6 小结与练习241.6.1 小结241.6.2 练习25第2篇 项目设计第2章 开启之旅的准备工作282.1 JavaScript运行与开发环境282.1.1 神奇的包管理器——npm282.1.2 好用的浏览器——Chrome312.1.3 的调试神器——vue-devtools342.1.4 非常智能的IDE——WebStorm362.2 认识ECMAScript 6（ES 6）392.2.1 ES 6的前世今生392.2.2 为什么要使用ES 6402.3 ES 6的一些常用语法402.3.1 Default Parameters（默认参数）402.3.2 Template Literals（模板文本）412.3.3 Multi-line Strings（多行字符串）412.3.4 Destructuring Assignment（解构赋值）422.3.5 Enhanced Object Literals（增强的对象文本）422.3.6 Arrow Functions（箭头函数）432.3.7 Promise实现442.3.8 块作用域构造let452.3.9 Classes（类）462.3.10 Modules（模块）462.4 使用Babel进行ES 6的转化472.4.1 安装Babel482.4.2 使用Babel482.5 精简压缩生产环境的Webpack512.5.1 Webpack是什么512.5.2 配置一个完整项目的Webpack522.5.3 不得不说的新版Webpack 4562.6 小结与练习592.6.1 小结592.6.2 练习59第3章 从一个电影网站项目学习603.1 快速构建第一个程序603.1.1 通过CLI构建应用603.1.2 输出Hello world！633.1.3 开发环境与生产环境663.2 电影网站的设计703.2.1 网站的功能设计703.2.2 网站的路由设计713.2.3 网站的页面设计723.3 电影网站的技术选择733.3.1 服务的坚实后盾——数据库733.3.2 数据的搬运和加工——服务器端743.4 小结与练习743.4.1 小结743.4.2 练习75第4章 电影网站数据库的搭建764.1 什么是数据库764.1.1 什么是SQL764.1.2 什么是NoSQL784.1.3 两种数据库的对比分析794.2 MongoDB基础入门804.2.1 为什么选择MongoDB804.2.2 安装MongoDB814.2.3 启动MongoDB834.2.4 安装MongoDB的可视化界面874.2.5 MongoDB的基础操作904.3 电影网站数据库的建立924.3.1 数据库的分析与设计934.3.2 数据集的建立944.4 小结与练习964.4.1 小结964.4.2 练习97第3篇 应用开发第5章 电影网站服务器端的设计1005.1 使用JavaScript开发后端服务1005.1.1 神奇的1005.1.2 什么是Express1015.2 使用Express进行Web开发1025.2.1 安装Express1025.2.2 设计后台服务API1055.2.3 设计路由1075.3 服务器测试1085.3.1 一个测试HTTP请求的Postman插件1085.3.2 在Chrome中安装Postman插件1095.3.3 使用Postman插件进行数据测试1105.4 Express后台代码编写1125.4.1 新建工程1125.4.2 连接数据库1155.4.3 使用Supervisor监控代码的修改1185.5 用户系统开发1195.5.1 注册路由1225.5.2 登录路由1255.5.3 找回密码路由1285.5.4 提交评论路由1335.5.5 点赞路由1355.5.6 下载路由1375.5.7 发送站内信路由1385.5.8 接收站内信路由1415.6 前台API开发1435.6.1 显示排行榜1455.6.2 显示文章列表1455.6.3 显示文章内容1465.6.4 显示用户个人信息1475.7 后台API开发1485.7.1 添加电影1485.7.2 删除电影1515.7.3 更新电影1525.7.4 获取所有电影1535.7.5 获取用户评论1545.7.6 审核用户评论1545.7.7 删除用户评论1565.7.8 封停用户1575.7.9 更新用户密码1595.7.10 显示所有用户1605.7.11 管理用户权限1625.7.12 新增文章1635.7.13 删除文章1655.7.14 新增主页推荐1665.7.15 删除热点信息1685.8 小结与练习1695.8.1 小结1695.8.2 练习170第6章 项目开发技术解析1716.1 实例1716.1.1 何为构造器1716.1.2 实例的属性和方法1726.1.3 生命周期1736.2 路由1756.2.1 RESTful模式的路由1756.2.2 安装vue-router1756.3 路由配置vue-router1766.3.1 动态路由匹配1766.3.2 嵌套路由1796.3.3 编程式导航1816.3.4 命名路由1836.3.5 命名视图1846.3.6 重定向和别名1866.3.7 路由组件传递参数1876.3.8 HTML 5 History模式1886.4 数据获取1896.4.1 导航守卫1896.4.2 数据获取1936.5 电影网站项目路由设计1956.5.1 新建项目1956.5.2 前台