-
内容大纲
随着互联网技术的不断发展,JavaScript语言及其相关技术越来越受到人们的关注,各种JavaScript框架层出不穷。Vue.js作为新一代JavaScript框架的优秀代表,为广大开发者提供了诸多便利,占据着Web开发领域的重要位置。
本书详细讲解了Vue.js 3框架的相关技术,如数据绑定、侦听、事件、样式控制、结构渲染等核心基础知识;并在此基础上,讲解了组件化开发的完整逻辑,以及AJAX、过渡动画、路由、状态管理等高级内容;最后,编排了3个综合案例,并给出了从Vue.js 2升级到Vue.js 3的变化。本书内容翔实,结构框架清晰,讲解循序渐进,注重各章及实例之间的呼应与对照。此外,编者在本书中还编排了丰富的案例,并对Web前端的工程化进行了必要的讲解,这能够帮助读者巩固所学理论知识,提高编程实战技能。
本书既可以作为计算机、软件工程、人工智能、数据科学与大数据等专业的网页设计与制作、前端开发等课程的教材,也可以作为Vue.js 3初学者的入门用书。 -
作者介绍
-
目录
第一篇 Vue.js基础篇
第1章 Web前端开发概述
1.1 Web开发简史
1.2 基于前后端分离模式的Web开发
1.2.1 从提供内容到提供服务的转变
1.2.2 从“单一网站”到“多终端应用”
1.3 Vue.js与MVVM模式
1.4 Vue.js开发中常用的工具
1.4.1 Chrome浏览器
1.4.2 VSCode文本编辑器
1.4.3 命令行窗口
1.5 安装Vue.js
1.6 上手实践:第一个Vue.js程序
本章小结
习题
第2章 Vue.js开发基础
2.1 Vue应用实例
2.1.1 文本插值
2.1.2 方法属性
2.1.3 属性绑定
2.1.4 插入HTML片段
2.2 Vue实例的生命周期
本章小结
习题
第3章 计算属性与侦听器
3.1 计算属性
3.1.1 定义计算属性
3.1.2 计算属性的缓存特性
3.2 侦听器
3.2.1 侦听器的应用场景
3.2.2 侦听器的基本用法
3.2.3 深度侦听
3.2.4 侦听对象时获取对象原值
3.2.5 使用immediate参数
3.2.6 对数组进行侦听
本章小结
习题
第4章 控制页面的CSS样式
4.1 绑定class属性
4.1.1 以对象方式绑定class属性
4.1.2 将class属性与对象变量绑定
4.1.3 以数组方式绑定class属性
4.1.4 动态改变class属性值
4.1.5 在数组中使用对象
4.2 绑定style属性
4.2.1 以对象方式绑定style属性
4.2.2 将style属性与对象变量绑定
4.2.3 以数组方式绑定style属性
4.2.4 动态改变style属性值
本章小结
习题
第5章 事件处理
5.1 标准DOM中的事件
5.1.1 事件与事件流
5.1.2 事件对象
5.2 使用Vue.js处理事件
5.2.1 以内联方式响应事件
5.2.2 事件处理方法
5.2.3 在Vue.js中使用事件对象
5.3 动手练习:监视鼠标移动
5.4 事件修饰符
5.4.1 准备基础页面
5.4.2 .stop
5.4.3 .self
5.4.4 .capture
5.4.5 .once
5.4.6 .prevent
5.4.7 事件修饰符使用说明
5.4.8 按键修饰符
本章小结
习题
第6章 表单绑定
6.1 输入文本的绑定
6.1.1 文本框
6.1.2 多行文本框
6.2 选择类表单元素的绑定
6.2.1 单选按钮
6.2.2 复选框
6.2.3 下拉框
6.2.4 多选列表框
6.2.5 键值对绑定
6.3 修饰符
6.3.1 .lazy
6.3.2 .number
6.3.3 .trim
本章小结
习题
第7章 结构渲染
7.1 条件渲染指令v-if
7.1.1 v-if和v-else
7.1.2 v-else-if
7.1.3 v-if和v-show
7.2 列表渲染指令v-for
7.2.1 基本列表
7.2.2 迭代对象数组
7.2.3 对象属性列表
7.2.4 数值范围
7.2.5 数组更新检测
7.2.6 v-for中的key属性有何作用
7.2.7 将v-for与v-if一同使用时的注意事项
本章小结
习题
第8章 阶段案例——网页汇率计算器和番茄钟
8.1 网页汇率计算器
8.1.1 页面结构和样式
8.1.2 数据模型
8.2 番茄钟
8.2.1 功能描述
8.2.2 用到的知识点
8.2.3 页面结构和样式
8.2.4 实现核心逻辑
8.2.5 使用Vue.js处理交互
本章小结
第二篇 Vue.js进阶篇
第9章 组件基础
9.1 自定义组件与HTML标记
9.1.1 组件的名称
9.1.2 组件的属性
9.1.3 组件的内容
9.1.4 在组件中处理事件
9.2 全局组件与局部组件
本章小结
习题
第10章 单文件组件
10.1 安装VueCLI脚手架工具
10.2 动手练习:投票页面
10.2.1 制作greeting组件
10.2.2 制作app组件
10.2.3 在父子组件之间传递数据
10.2.4 构建用于生产环境的文件
10.3 单页应用和多页应用
10.3.1 单页应用和多页应用的区别
10.3.2 多页应用开发
10.3.3 单页应用开发
本章小结
习题
第11章 AJAX与Axios
11.1 认识AJAX与Axios
11.1.1 AJAX的基本概念
11.1.2 AJAX的组成部分
11.1.3 用原生方法获取异步数据
11.1.4 认识Axios
11.2 Axios的基础用法
11.2.1 基本用法
11.2.2 GET与POST
11.2.3 嵌套请求与并发请求
11.3 Axios的进阶用法
11.3.1 创建实例
11.3.2 实例的相关配置
11.3.3 错误处理
11.3.4 拦截器
11.4 动手练习:实现自动提示的文本框
11.4.1 基本思路与结构
11.4.2 样式布局
11.4.3 匹配用户输入并显示提示框
11.5 动手练习:模拟百度的“数据加载中”效果
本章小结
习题
第12章 过渡动画
12.1 CSS过渡
12.2 单元素过渡
12.2.1 transition组件
12.2.2 过渡的类名
12.3 动手练习:可折叠的多级菜单
12.3.1 搭建页面结构
12.3.2 展开和收起菜单
12.3.3 添加过渡效果
12.3.4 实现多级菜单
12.4 列表过渡
12.4.1 transition-group组件
12.4.2 动手练习:待办事项
本章小结
习题
第13章 路由VueRouter
13.1 基本用法
13.2 命名路由
13.3 路由动态匹配
13.3.1 路由参数
13.3.2 多路由参数与侦听路由
13.3.3 查询参数
13.3.4 捕获所有路由
13.4 编程式导航
13.5 重定向和别名
13.6 进阶用法
13.6.1 导航守卫
13.6.2 路由元信息
13.7 history模式
本章小结
习题
第14章 状态管理
14.1 store模式
14.1.1 整体页面结构
14.1.2 创建store对象
14.1.3 使用store对象
14.2 Vuex的基本用法
14.3 深入掌握Vuex
14.3.1 在单文件组件中使用Vuex
14.3.2 action与mutation
14.4 动手练习:改进版的“待办事项”(TodoList)
本章小结
习题
第三篇 综合案例篇
第15章 综合案例——“豪华版”待办事项
15.1 功能描述
15.2 用到的知识点
15.3 使用VueCLI搭建项目
15.4 页面结构和样式
15.4.1 添加待办事项
15.4.2 任务状态的筛选项以及对应的任务个数
15.4.3 任务列表
15.4.4 编辑任务弹框
15.5 组件化
15.5.1 抽离单个任务
15.5.2 抽离编辑弹框
15.6 核心功能的实现
15.6.1 定义Todo类
15.6.2 使用Vuex管理任务列表
15.7 实现各项功能
15.7.1 添加任务
15.7.2 显示任务列表
15.7.3 动态化筛选项
15.7.4 修改任务状态
15.7.5 编辑任务
15.7.6 删除任务
15.7.7 调整任务顺序
15.7.8 持久化任务
本章小结
第16章 综合案例——网页图片剪裁器
16.1 整体分析
16.2 页面结构和CSS样式
16.2.1 HTML结构
16.2.2 选区部分的结构与样式
16.3 实现核心逻辑
16.3.1 定义基础类
16.3.2 定义Cropper类
16.4 使用Vue.js处理交互
16.4.1 初始化图像
16.4.2 绘制选区
16.4.3 移动选区
16.4.4 调整选区大小
16.4.5 将手柄封装为组件
16.4.6 最终剪裁
本章小结
第17章 综合案例——电子商务网站
17.1 案例总体介绍
17.1.1 案例目标
17.1.2 最终效果展示
17.2 搭建网站框架
17.2.1 使用VueCLI搭建项目
17.2.2 准备基本页面及路由
17.2.3 安装Bootstrap
17.3 产品页面
17.3.1 静态产品列表页
17.3.2 动态化产品列表页
17.3.3 产品详情页
17.3.4 页面装载状态提示
17.4 购物车
17.4.1 静态结构
17.4.2 实现购物车可移动
17.4.3 实现购物车动态化
17.5 完成网站剩余部分
本章小结
附录A 从Vue.js 2升级到Vue.js 3
A.1 底层变化
A.2 开发者使用层面的改进
A.3 开发工具层面的改进
附录B ECMAScript 2015(ES6)基础知识
B.1 let关键字
B.2 const关键字
B.3 for…of循环
B.4 字符串模板
B.5 参数默认值
B.6 类与继承
B.7 箭头函数
B.8 剩余运算符与剩余参数
B.9 展开运算符
B.10 数组的解构赋值
B.11 对象的解构赋值
B.12 模块
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔,龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...