移动跨平台开发任务式教程

本书共10个模块，模块1-3简单介绍与Vue开发紧密相关的前端基础知识，包括开发环境、CSS基础和JavaScript基础，方便读者快速了解前序知识。模块4-8详细介绍Vue开发技术，包括Vue选项、指令、组件、路由和脚手架，深入学习Vue知识。模块9-10介绍uni-app及基于uView的开发，拓展Vue的应用。 本教材逻辑结构清晰，举例详实，可以作为移动应用开发技术、软件技术、物联网应用技术、大数据技术等专业的跨平台前端开发课程的教材；案例结合真实企业项目，与企业开发接轨，同样适合作为企业的培训教材。

刘培林，教授，软件技术专业专任教师，有12年软件项目开发经验，16年软件技术专业课程教学经验，主持了《软件技术》江苏省骨干专业、无锡市职业教育重点专业和机械行业特色专业建设。主编教材3本，2本为江苏省重点建设教材，1本为工信部规划教材。

目 录 模块 1 网站开发概述 任务 1.1 了解网站开发的概念 1.1.1 Web 标准 1.1.2 HTML 文档 1.1.3 网站开发环境任务 1.2 显示图文信息 1.2.1 简单HTML 标签 1.2.2 图像标签 1.2.3 超链接标签模块小结 习题实训 模块 2 CSS 基础 任务 2.1 设计收货地址表单样式 2.1.1 CSS 语法规则 2.1.2 简单CSS 属性 2.1.3 简单选择器 任务 2.2 设计移动网页布局 2.2.1 Flex 弹性布局概述 2.2..2 容器属性 2.2.3 项目属性模块小结 习题实训 模块 3 JavaScript 基础 任务 3.1 学习JavaScript 数据类型 3.1.1 JavaScript 基本语法 3.1.2 变量、常量与运算符 3.1.3 JavaScript 数组 3.1.4 对象 任务 3.2 学习JavaScript 程序结构 3.2.1 程序结构 3.2.2 函数 3.2.3 ES6 语法模块小结 习题实训 模块 4 Vue 实例 任务 4.1 了解 Vue 基础知识 4.1.1 前端开发概述 4.1.2 什么是 Vue 4.1.3 Vue 的优势 任务 4.2 开发简单 Vue 项目 4.2.1 创建 Vue 实例 4.2.2 根元素选项（el） 4.2.3 数据选项（data） 任务 4.3 设计数据编码器 4.3.1 过滤选项（filters） 4.3.2 方法选项（methods） 任务 4.4 编写模拟购物车 4.4.1 计算选项（computed） 4.4.2 状态监听选项（watch） 任务 4.5 学习 Vue 生命周期 4.5.1 生命周期概述 4.5.2 生命周期事件 4.5.3 Vue 实例方法与属性模块小结 习题实训 模块 5 Vue 指令 任务 5.1 开发用户注册程序 5.1.1 v-text 指令 5.1.2 v-html 指令 5.1.3 v-model 指令 5.1.4 v-if/v-else 和v-show 指令任务 5.2 开发用户登录程序 5.2.1 v-bind 指令 5.2.2 v-bind 与filters 选项 5.2.3 Class 与Style 绑定任务 5.3 设计电子商务购物车 5.3.1 v-for 指令 5.3.2 v-on 指令 5.3.3 v-on 指令修饰符模块小结 习题实训 模块 6 Vue 自定义组件 任务 6.1 设计计分器组件 6.1.1 组件概述 6.1.2 组件注册 6.1.3 组件模板 任务 6.2 编写搜索框组件 6.2.1 props 选项 6.2.2 插槽元素（） 任务 6.3 开发管理用户组件 6.3.1 监听子组件事件 6.3.2 动态组件 6.3.3 组件过渡模块小结 习题实训 模块 7 Vue 路由 任务 7.1 设计简单页面导航 7.1.1 单页面应用 7.1.2 路由视图（） 7.1.3 路由管理器 7.1.4 路由链接（） 任务 7.2 传递参数给页面 7.2.1 路由对象 7.2.2 query 方式参数传递 7.2.3 params 方式参数传递 任务 7.3 设计实用页面导航 7.3.1 嵌套路由父级设计 7.3.2 嵌套路由子级设计模块小结 习题实训 模块 8 Vue CLI 任务 8.1 了解CLI 基础知识 8.1.1 Vue CLI 的特点 8.1.2 CLI 安装必备 8.1.3 Git-Bash 命令行工具任务 8.2 创建CLI 项目 8.2.1 命令行创建与项目运行 8.2.2 HBuilderX 环境创建与项目运行任务 8.3 实战CLI 项目 8.3.1 单文件组件 8.3.2 简单vue 项目index 文件分析 8.3.3 导入与导出语句 8.3.4 CLI 项目结构分析 任务 8.4 开发用户管理CLI 项目 8.4.1 CLI 插件 8.4.2 安装插件 8.4.3 使用BootStrap 模块小结习题 实训 模块 9 uni-app 开发 任务 9.1 设计底部导航 9.1.1 uni-app 开发概述 9.1.2 pages.json 文件 9.1.1 view 视图 任务 9.2 设计网页内容 9.2.1 scroll-view 可滚动视图 9.2.2 image 图片 9.2.3 navigator 路由任务 9.3 设计轮播图 9.3.1 swiper 滑块视图容器 9.3.2 swiper-item 滑块选项任务 9.4 设计可拖动选项卡 9.4.1 movable-view 可移动视图 9.4.2 web-view 浏览器 9.4.3 tabBar 标签模块小结 习题实训 模块 10 uView 插件 任务 10.1 使用uView 10.1.1 uView 概述 10.1.2 安装与配置uView 10.1.3 使用 Toast 组件任务 10.2 填写收货地址信息 10.2.1 Form 表单 10.2.2 Form-item 表单域 10.2.3 Input 输入框 10.2.4 Picker 选择器 10.2.5 Select 列选择器 10.2.6 Switch 开关选择器 10.2.7 表单验证任务 10.3 查看订单 10.3.1 Tabs-Swiper 全屏选项卡 10.3.2 LoadMore 加载更多 10.3.3 Icon 图标 任务 10.4 编写天气服务 10.4.1 Http 请求 10.4.2 Search 搜索框模块小结 习题实训