Vue.js3移动应用开发实战

Vue.js3移动应用开发实战

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书详解Vue移动应用开发技术,通过实际案例快速提高项目开发能力。

内容简介

随着前后端分离开发模式的出现,前端框架Vue、React、Angular相关生态的不断完善,移动设备的普及,移动端Web App的开发成为主流,越来越多的大学逐步开设Web相关的课程。

本书是一本为初学前端的学生量身定制的移动端Web开发入门教材。全书分为13章。

第1-2章主要介绍移动端Web技术的发展和移动端Web项目所需要的技术栈,包括安装开发环境与调试代码等;

第3-10章主要介绍各种技术栈及第三方库的基础语法和使用方法等,涉及的技术栈及第三方库包括Vue、Vuex、Webpack、VueRouter、Node.js、Mock.js、VantWeapp、axios等,并在每章中都提供实战案例或Demo;

第11-12章分别给出2个实战案例—响应式单页面管理系统TODO和移动电商WebApp;

第13章介绍Web App转为移动App的方法。

本书内容由浅到深、解析详细、示例丰富,是广大移动前端开发初学者的必备参考书,同时也非常适合作为高等院校和培训机构的计算机及相关专业的教材。

作者简介

作者绵绵的糖,有多年前端开发从业经验,比较擅长Vue框架。

章节目录

版权信息

内容简介

前言

第1章 什么是移动端Web开发

1.1 移动互联网Web技术的发展概况

1.2 移动端Web、PC Web、手机App开发的区别

1.3 移动端Web和HTML

1.4 环境搭建

1.4.1 选择浏览器—Chrome

1.4.2 安装Node.js和http-schmerver

1.4.3 选择代码编辑器

1.5 实战:第一个移动端Web页面

1.6 Vue开发环境搭建

1.6.1 安装Vue

1.6.2 运行Vue

1.7 本章小结

第2章 Vue移动端Web开发的技术栈

2.1 移动端Web技术栈的选择

2.1.1 Webpack脚手架

2.1.2 Vue.js框架

2.1.3 Vuex状态管理

2.1.4 Vue Router路由管理

2.1.5 ES6/ES7新标准

2.1.6 axios、Ajax和fetch

2.1.7 移动屏幕适配/移动UI

2.2 移动端Web的调试

2.2.1 Chrome模拟器调试

2.2.2 spy-debugger调试

2.3 本章小结

第3章 Webpack脚手架快速入门

3.1 Webpack简介

3.1.1 Webpack功能

3.1.2 Webpack安装

3.2 Webpack+Vue.js实战

3.2.1 Webpack初始化项目

3.2.2 Webpack下的Vue.js项目文件结构

3.3 本章小结

第4章 Vue快速入门

4.1 实例

4.2 组件

4.3 模板语法

4.4 方法、计算属性和监听器

4.4.1 方法

4.4.2 计算属性

4.4.3 监听器

4.5 动画

4.6 插槽

4.6.1 插槽内容

4.6.2 插槽的渲染作用域

4.6.3 插槽的备用内容

4.6.4 具名插槽

4.6.5 作用域插槽

4.6.6 解构插槽props

4.6.7 动态插槽与具名插槽的缩写

4.7 本章小结

第5章 Vuex快速入门

5.1 什么是状态管理模式

5.2 Vuex概述

5.2.1 Vuex的组成

5.2.2 安装Vuex

5.2.3 一个简单的store

5.3 state

5.4 Getters

5.5 Mutations

5.6 Actions

5.7 Modules

5.8 Vuex适用的场合

5.9 本章小结

第6章 Vue Router快速入门

6.1 什么是单页应用

6.2 Vue Router概述

6.2.1 安装Vue Router

6.2.2 一个简单的组件路由

6.3 动态路由

6.3.1 动态路由匹配

6.3.2 响应路由变化

6.4 导航守卫

6.4.1 全局前置守卫

6.4.2 全局解析守卫

6.4.3 全局后置钩子函数

6.4.4 组件内的守卫

6.4.5 路由配置守卫

6.5 嵌套路由

6.6 命名视图

6.7 编程式导航

6.8 路由组件传参

6.9 路由重定向、别名及元信息

6.9.1 路由重定向

6.9.2 路由的别名

6.9.3 路由元信息

6.10 Vue Router的路由模式

6.10.1 hash模式

6.10.2 history模式

6.11 滚动行为

6.12 keep-alive

6.12.1 keep-alive缓存状态

6.12.2 keep-alive实现原理浅析

6.13 路由懒加载

6.14 本章小结

第7章 ES6/ES7快速入门

7.1 变量声明

7.1.1 var、let、const关键字

7.1.2 箭头函数

7.1.3 对象属性和方法的简写

7.2 模块化

7.2.1 ES6模块化概述

7.2.2 import和export

7.3 async和await

7.4 本章小结

第8章 axios快速入门

8.1 什么是axios

8.2 vue-axios的使用

8.2.1 安装

8.2.2 第一个Demo

8.3 axios API

8.3.1 通过配置创建请求

8.3.2 使用请求方法的别名

8.3.3 创建axios实例

8.3.4 配置全局的axios默认值

8.3.5 请求和响应拦截器

8.4 响应结构

8.5 本章小结

第9章 移动端Web屏幕适配和UI框架

9.1 视区

9.1.1 物理像素和CSS像素

9.1.2 视区分类

9.1.3 设置视区

9.2 响应式布局

9.2.1 媒体查询

9.2.2 案例:响应式页面

9.3 Flex布局

9.3.1 Flex布局——新旧版本的兼容性

9.3.2 Flex容器属性

9.3.3 Flex子元素属性

9.3.4 Flex更便捷

9.4 rem适配

9.4.1 动态设置根元素font-size

9.4.2 计算rem数值

9.5 vw适配

9.6 rem适配和vw适配兼容性

9.7 移动UI框架的选择

9.7.1 Vant

9.7.2 MUI

9.7.3 Jingle移动端框架

9.7.4 FrozenUI

9.8 本章小结

第10章 移动端Web单击事件

10.1 touch事件

10.1.1 touch事件分类

10.1.2 touch事件对象

10.2 移动端Web单击事件

10.2.1 iOS单击延迟

10.2.2 单击穿透的问题

10.3 本章小结

第11章 实战项目:响应式单页面管理系统TODO

11.1 创建index.html

11.2 创建根实例和页面组件

11.3 页面切换

11.4 待办事项页面的开发

11.4.1 创建事项

11.4.2 单条事项组件

11.4.3 数据持久化

11.5 回收站页面的开发

11.5.1 创建已删除事项列表

11.5.2 创建单条已删除事项组件

11.6 删除事项和恢复事项联动

11.7 美化页面背景

11.8 本章小结

第12章 实战项目:移动电商Web App

12.1 项目环境配置

12.1.1 初始化并整理项目

12.1.2 引入并实现Vant的按需加载

12.1.3 引入并封装axios

12.1.4 使用Mock.js模拟数据接口

12.2 模拟数据接口

12.3 设计路由

12.4 底部tabbar

12.5 登录页、注册页实现

12.5.1 登录页实现

12.5.2 注册页实现

12.6 首页实现

12.7 详情页实现

12.8 购物车页实现

12.9 “我的”页面实现

12.10 本章小结

第13章 实战项目:Web App打包成移动端App

13.1 打包准备

13.2 使用HBuilderX打包手机端App

13.3 本章小结

Vue.js3移动应用开发实战是2022年由清华大学出版社出版,作者绵绵的糖。

得书感谢您对《Vue.js3移动应用开发实战》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
App Inventor移动应用开发标准教程 电子书
本书主要以AppInventor作为平台,把抽象的计算思维具体化,把复杂的编程思想形象化,通过积木块的编程,将计算思维无缝地融入到有趣的AppInventor小项目中,极大地提升学生的学习兴趣。通过该课程的学习,学生不仅会大大提高动手能力,而且可以从中获得巨大的成就感,爱上计算机科学。全书共分6章,各章节内容由浅入深、相互衔接。前4章为基础篇,主要介绍AppInventor的开发环境搭建、界面和代
Android Studio应用开发实战详解 电子书
全书共分18章,依次讲解了Android开发基础、搭建Android开发环境、AndroidStudio集成开发环境介绍、AndroidStudio常见操作、分析Android应用程序文件的组成、Gradle技术基础、UI界面布局、MaterialDesign设计语言、核心组件介绍、Android事件处理、图形图像和动画处理、开发音频/视频应用程序、GPS地图定位、Android传感器应用开发、编
HTML5 CSS3移动Web开发实战 电子书
本书从跨平台的移动Web开发实际应用的角度阐述了HTML5和CSS3的新元素和新功能,设置了跨平台的网站首页设计、文本新闻浏览网页设计、旅游景点推荐网页设计、商品信息展示网页设计、注册登录与留言网页设计、音乐视频播放网页设计、网页图形绘制与游戏设计、复杂样式与网页特效设计8个教学单元,将HTML5和CSS3的相关知识合理地安排到各个教学单元中。本书优选了55个来自于真实网站或项目的典型教学案例,采
Android移动应用开发基础教程(微课版) 电子书
本书注重基础,循序渐进,系统地讲述了Android移动应用开发相关基础知识,涵盖了开发环境搭建、活动、UI设计、广播机制、数据存储、多媒体、网络、数据解析、线程和服务等主要内容。对于每一个知识点,本书都尽量结合实例来帮助读者学习理解。每一章最后还给出一个综合实例来说明本章知识的使用。
移动应用设计与开发(项目式)(微课版) 电子书
系统阐述移动App设计、开发、测试、发布的全流程。