编辑推荐
本书通过大量案例深入讲解了使用Vue.js进行前端开发的相关概念、原理和方法。
内容简介
本书详细讲解了Vue.js框架的相关技术，如数据绑定、侦听、事件、样式控制、结构渲染等核心基础知识；并在此基础上，讲解了组件化开发的完整逻辑；最后讲解了AJAX、过渡动画、路由、状态管理等高级内容。本书内容翔实、结构框架清晰、讲解循序渐进，注重各章以及实例之间的呼应与对照。此外，编者在本书中还编排了丰富的案例(包括综合案例)，并对Web前端的工程化进行了必要的讲解，这能够帮助读者巩固所学理论知识，提高编程实战技能。
展开全文
- 第一篇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 VS Code 文本编辑器
- 1.4.3 命令行控制台
- 1.5 安装Vue.js
- 1.6 上手实践：第一个Vue.js 程序
- 本章小结
- 习题1
- 第2章Vue.js 开发基础
- 2.1 Vue 根实例
- 2.1.1 文本插值
- 2.1.2 方法属性
- 2.1.3 属性绑定
- 2.1.4 插入HTML 片段
- 2.2 Vue 实例的生命周期
- 本章小结
- 习题2
- 第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 对数组进行侦听
- 本章小结
- 习题3
- 第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 属性值
- 本章小结
- 习题4
- 第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 按键修饰符
- 本章小结
- 习题5
- 第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
- 本章小结
- 习题6
- 第7章结构渲染
- 7.1 条件渲染指令v-if
- 7.1.1 v-if 和v-else
- 7.1.2 v-else-if
- 7.1.3 用key 属性管理可复用的元素
- 7.1.4 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 一同使用时的注意事项
- 本章小结
- 习题7
- 第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 全局组件与局部组件
- 本章小结
- 习题9
- 第10章单文件组件
- 10.1 安装Vue CLI 脚手架工具
- 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 单页应用开发
- 本章小结
- 习题10
- 第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 动手练习：模拟百度的“数据加载中”效果
- 本章小结
- 习题11
- 第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 动手练习：待办事项
- 本章小结
- 习题12
- 第13章路由Vue Router
- 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 模式
- 本章小结
- 习题13
- 第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）
- 本章小结
- 习题14
- 第三篇综合案例篇
- 第15章综合案例——“豪华版”待办事项
- 15.1 功能描述
- 15.2 用到的知识点
- 15.3 使用Vue CLI 搭建项目
- 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 使用Vue CLI 搭建项目
- 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 完成网站剩余部分
- 本章小结
- 附录ECMAScript 2015（ES6）基础知识
展开全部
版权信息
出版社：人民邮电出版社
出版时间：2022
作者：前沿科技 编著
温馨提示：
1.本电子书已获得正版授权，由出版社通过知传链发行。
2.该电子书为虚拟物品，付费之后概不接收任何理由退款。电子书内容仅支持在线阅读，不支持下载。
3.您在本站购买的阅读使用权仅限于您本人阅读使用，您不得/不能给任何第三方使用，由此造成的一切相关后果本平台保留向您追偿索赔的权利！版权所有，后果自负！
得书感谢您对《Vue.jsWeb开发案例教程》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
出版时间：2022
作者：前沿科技 编著
温馨提示：
1.本电子书已获得正版授权，由出版社通过知传链发行。
2.该电子书为虚拟物品，付费之后概不接收任何理由退款。电子书内容仅支持在线阅读，不支持下载。
3.您在本站购买的阅读使用权仅限于您本人阅读使用，您不得/不能给任何第三方使用，由此造成的一切相关后果本平台保留向您追偿索赔的权利！版权所有，后果自负！
得书感谢您对《Vue.jsWeb开发案例教程》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
Vue.jsWeb开发案例教程
免费读 (VIP)