Vue.js+Bootstrap Web开发案例教程 : 在线实训版

第一篇 Vue.js程序开发 第1章Vue.js 开发基础 1.1 Web 前端开发概述 1.1.1 Web 开发简史 1.1.2 基于前后端分离模式的Web 开发 1.1.3 Vue.js 与MVVM 模式 1.1.4 安装Vue.js 1.1.5 上手实践:第一个Vue.js 程序 1.2 Vue.js 开发入门 1.2.1 Vue 根实例 1.2.2 Vue 实例的生命周期 本章小结 习题1 第2章计算属性与侦听器 2.1 计算属性 2.1.1 定义计算属性 2.1.2 计算属性的缓存特性 2.2 侦听器 2.2.1 侦听器的应用场景 2.2.2 侦听器的基本用法 2.2.3 深度侦听 2.2.4 侦听对象时获取对象原值 2.2.5 使用immediate 参数 2.2.6 对数组的侦听 本章小结 习题2 第3章控制页面的CSS 样式 3.1 绑定class 属性 3.1.1 以对象方式绑定 class 属性 3.1.2 将class 属性与对象变量绑定 3.1.3 以数组方式绑定class 属性 3.1.4 动态改变class 属性值 3.1.5 在数组中使用对象 3.2 绑定style 属性 3.2.1 以对象方式绑定style 属性 3.2.2 将style 属性与对象变量绑定 3.2.3 以数组方式绑定style 属性 3.2.4 动态改变style 属性值 本章小结 习题3 第4章事件处理 4.1 标准DOM 中的事件 4.1.1 事件与事件流 4.1.2 事件对象 4.2 使用Vue.js 处理事件 4.2.1 内联方式响应事件 4.2.2 事件处理方法 4.2.3 在Vue.js 中使用事件对象 4.3 动手练习:监视鼠标移动 4.4 事件修饰符 4.4.1 准备基础页面 4.4.2 .stop 修饰符 4.4.3 .self 修饰符 4.4.4 .capture 修饰符 4.4.5 .once 修饰符 4.4.6 .prevent 修饰符 4.4.7 事件修饰符的使用说明 4.4.8 按键修饰符 本章小结 习题4 第5章表单绑定 5.1 输入文本的绑定 5.1.1 文本框 5.1.2 多行文本框 5.2 选择类表单元素的绑定 5.2.1 单选按钮 5.2.2 复选框 5.2.3 下拉框 5.2.4 多选列表框 5.2.5 键值对绑定 5.3 修饰符 5.3.1 .lazy 修饰符 5.3.2 .number 修饰符 5.3.3 .trim 修饰符 本章小结 习题5 第6章结构渲染 6.1 条件渲染指令v-if 6.1.1 v-if 和v-else 6.1.2 v-else-if 6.1.3 用key 管理可复用的元素 6.1.4 v-if 与v-show 6.2 列表渲染指令v-for 6.2.1 基本列表 6.2.2 迭代对象数组 6.2.3 对象属性列表 6.2.4 数值范围 6.2.5 数组更新检测 6.2.6 v-for 中key 的作用 6.2.7 v-for 与v-if 一同使用时的注意事项 6.3 案例——汇率计算器 6.3.1 页面结构和样式 6.3.2 数据模型 本章小结 习题6 第7章组件基础 7.1 自定义组件与HTML 标记 7.1.1 组件的名称 7.1.2 组件的属性 7.1.3 组件的内容 7.1.4 在组件中处理事件 7.2 全局组件与局部组件 本章小结 习题7 第8章单文件组件 8.1 基础知识 8.2 安装Vue CLI 脚手架工具 8.2.1 安装基础环境 8.2.2 安装Vue CLI 8.3 动手实践:投票页面 8.3.1 制作greeting 组件 8.3.2 制作app 组件 8.3.3 父子组件之间传递数据 8.3.4 构建用于生产环境的文件 8.4 单页应用和多页应用 8.4.1 单页应用和多页应用的区别 8.4.2 多页应用的开发 8.4.3 单页应用的开发 本章小结 习题8 第9章AJAX 与axios 9.1 认识axios 9.2 axios 的基础用法 9.2.1 基础用法 9.2.2 GET 与POST 方法 9.2.3 嵌套请求与并发请求 9.3 axios 的进阶用法 9.3.1 创建实例 9.3.2 实例的相关配置 9.3.3 错误处理 9.3.4 拦截器 本章小结 习题9 第10章过渡和动画 10.1 CSS 过渡 10.2 单元素过渡 10.2.1 transition 组件 10.2.2 过渡的类名 10.3 动手实践:可折叠的多级菜单 10.3.1 搭建页面结构 10.3.2 展开和收起菜单 10.3.3 添加过渡效果 10.3.4 实现多级菜单 10.4 列表过渡 本章小结 习题10 第11章Vue.js 插件 11.1 Vue Router 11.1.1 基本用法 11.1.2 命名路由 11.1.3 路由动态匹配 11.1.4 编程式导航 11.1.5 重定向和别名 11.1.6 进阶用法 11.1.7 history 模式 11.2 状态管理 11.2.1 Vuex 的基本用法 11.2.2 深入掌握Vuex 本章小结 习题11 第二篇 Bootstrap程序开发 第12章Bootstrap 基础 12.1 Bootstrap 简介 12.2 下载并使用Bootstrap 12.3 常用样式 12.3.1 文本样式 12.3.2 图片样式 12.3.3 表格样式 12.4 图标库 本章小结 习题12 第13章CSS 原子化与工具类 13.1 CSS 原子化的理念 13.2 Bootstrap 的工具类规则 13.3 颜色 13.4 尺寸 13.4.1 font-size 13.4.2 padding 和margin 13.4.3 width 和height 13.5 布局 13.5.1 display 13.5.2 flexbox 13.5.3 实例:制作导航菜单 13.5.4 float 13.6 其他工具类 13.7 动手练习:创建嵌套的留言组件 13.7.1 搭建框架 13.7.2 用工具类布局 13.7.3 头像放右侧 13.7.4 实现布局的嵌套 本章小结 习题13 第14章Bootstrap 的栅格布局 14.1 栅格布局基础 14.1.1 栅格布局理念 14.1.2 上手案例 14.1.3 理解屏幕分辨率的概念 14.2 基本用法 14.2.1 响应式断点 14.2.2 常规用法 14.2.3 设置行间距与列间距 14.3 高级用法 14.3.1 栅格嵌套 14.3.2 流式布局 14.3.3 设定列宽 14.3.4 列的偏移与对齐 本章小结 习题14 第15章Bootstrap 的表单样式 15.1 表单控件样式 15.1.1 文本框 15.1.2 选择框 15.1.3 单选框与复选框 15.1.4 滑动条输入 15.1.5 输入组 15.2 表单布局 15.3 表单验证 15.3.1 客户端校验 15.3.2 服务器端校验 15.4 动手练习:创建一个结账页面 本章小结 习题15 第16章Bootstrap 的常用组件 16.1 按钮 16.2 反馈和提示类组件 16.2.1 警告框 16.2.2 加载中 16.2.3 轻量提示 16.2.4 模态框 16.3 响应式导航栏 16.4 卡片组件 16.4.1 实例:卡片 16.4.2 实例:瀑布流布局的相册 16.5 轮播图组件 本章小结 习题16 第三篇 综合实战 第17章综合案例:产品着陆页 17.1 页面结构分析 17.2 制作页头和页脚 17.3 制作第一屏 17.4 制作图文介绍 17.5 制作课程特色 17.6 适配平板端 17.6.1 适配页头 17.6.2 适配第一屏 17.6.3 适配图文介绍 17.6.4 适配课程特色 17.7 适配PC 端 本章小结 第18章综合案例:“豪华版”待办事项 18.1 功能描述 18.2 用到的知识点 18.3 使用Vue CLI 搭建项目 18.4 页面结构和样式 18.4.1 安装并引入Bootstrap 18.4.2 添加待办事项 18.4.3 筛选项 18.4.4 任务列表 18.4.5 编辑任务弹窗 18.5 组件化 18.5.1 抽离单个任务项 18.5.2 抽离弹窗 18.6 实现核心功能 18.6.1 定义Todo 类 18.6.2 使用Vuex 管理任务列表 18.7 实现各项功能 18.7.1 添加待办事项 18.7.2 显示任务列表 18.7.3 动态化筛选项 18.7.4 修改任务状态 18.7.5 编辑任务 18.7.6 删除任务 18.7.7 调整任务顺序 18.7.8 持久化任务 本章小结