本书综合运用HTML5、CSS3、Vue.js全家桶等流行前端技术介绍了如何发一款企业级移动Web应用的方法与技巧,内容包括:HTML5语义标签和属性,HTML5音视频,HTML5 Canvas,HTML5网页存储,CSS3选择器,CSS3背景,CSS3转换、过渡和动画,移动Web发和调试,响应式页面和Flex布局,移动Web的touch事件,Vue.js的组件、指令、模板语法,Vue.js的组件通信、动画和插槽,Vuex与Vue.js结合实现项目状态管理,Vue Router与Vue.js结合实现项目路由管理,PWA渐式技术和ECMAScript 6新特性等内容,并借助待办事项管理
售 价:¥
纸质售价:¥70.30购买纸书
温馨提示:数字商品不支持退换货,不提供源文件,不支持导出打印
为你推荐
封面页
书名页
版权页
作者简介
内容简介
前言
目录
第1章 移动Web开发概述
1.1 移动互联网Web技术发展
1.2 移动Web开发和PC Web开发的区别
1.3 移动Web和HTML5
1.4 浏览器安装和代码环境的准备
1.4.1 安装Chrome
1.4.2 安装Node.js和http-server
1.4.3 选择合适的代码编辑器
1.5 本章小结
第2章 HTML5语义化标签和属性
2.1 DOCTYPE声明
2.2 <header>标签
2.3 <footer>标签
2.4 <section>标签
2.5 <nav>标签
2.6 <aside>标签
2.7 语义化标签总结
2.8 HTML5其他新增的标签
2.8.1 <progress>标签
2.8.2 <picture>标签
2.8.3 <dialog>标签
2.9 HTML5新增的标签属性
2.9.1 <input>的type属性
2.9.2 <input>文件上传功能
2.9.3 <input>其他新增属性
2.9.4 <script>的async和defer属性
2.10 本章小结
第3章 HTML5音频和视频
3.1 <audio>标签与音频
3.1.1 <audio>标签元素的使用
3.1.2 使用JavaScript操作audio对象
3.1.3 audio对象的事件
3.2 <video>标签与视频
3.2.1 <video>标签元素的使用
3.2.2 使用JavaScript操作video对象
3.2.3 video对象的事件
3.2.4 videojs视频播放器的使用
3.3 本章小结
第4章 HTML5 Canvas基础
4.1 一个简单的Canvas
4.2 使用Canvas绘制路径
4.2.1 使用Canvas绘制直线
4.2.2 使用Canvas路径填充
4.3 使用Canvas绘制图形
4.3.1 使用Canvas绘制矩形
4.3.2 使用Canvas绘制圆
4.3.3 使用Canvas绘制图形的锯齿问题
4.4 使用Canvas绘制文本
4.5 使用Canvas绘制和压缩图片
4.5.1 使用Canvas绘制图片
4.5.2 使用Canvas压缩图片
4.6 使用Canvas绘制贝塞尔曲线
4.6.1 二次贝塞尔曲线的绘制
4.6.2 三次贝塞尔曲线的绘制
4.7 Canvas转换
4.7.1 平移translate
4.7.2 旋转rotate
4.7.3 缩放scale
4.8 Canvas状态的保存和恢复
4.9 Canvas动画
4.10 案例:Canvas实现点赞送心动画
4.11 本章小结
第5章 HTML5网页存储
5.1 初识Web Storage
5.1.1 Web Storage的概念
5.1.2 同源策略
5.1.3 Web Storage的浏览器兼容性
5.2 LocalStorage和SessionStorage
5.2.1 LocalStorage的增删改查
5.2.2 LocalStorage容量的限制
5.3 浏览器存储的其他方案
5.3.1 IndexedDB
5.3.2 Service Worker
5.4 本章小结
第6章 CSS3选择器
6.1 CSS3属性选择器
6.2 CSS3伪类选择器
6.2.1 伪类和伪元素
6.2.2 子元素伪类选择器
6.2.3 类型子元素伪类选择器
6.2.4 条件伪类选择器
6.2.5 元素状态伪类选择器
6.3 本章小结
第7章 CSS3背景
7.1 background-size属性
7.2 background-origin属性
7.3 background-clip属性
7.4 背景渐变
7.4.1 线性渐变
7.4.2 径向渐变
7.5 本章小结
第8章 CSS3转换、过渡与动画
8.1 CSS3转换(transform)
8.1.1 translate(位移)
8.1.2 scale(缩放)
8.1.3 rotate(旋转)
8.1.4 skew(扭曲)
8.1.5 matrix(矩阵)
8.1.6 transform-origin(转换原点)
8.1.7 3D转换
8.1.8 浏览器前缀
8.2 CSS3过渡(transition)
8.2.1 transition-property属性
8.2.2 transition-duration属性
8.2.3 transition-timing-function属性
8.2.4 transition-timing-delay属性
8.2.5 过渡效果的特点和局限性
8.3 CSS3动画(animation)
8.3.1 keyframes(关键帧)
8.3.2 animation(动画)属性
8.3.3 animation-name属性
8.3.4 animation-iteration-count属性
8.3.5 animation-direction属性
8.3.6 animation-fill-mode属性
8.3.7 animation-fill-mode属性
8.3.8 will-change属性
8.4 案例:CSS3实现旋转3D立方体
8.4.1 3D立方体
8.4.2 旋转3D立方体
8.5 本章小结
第9章 移动Web开发和调试
9.1 Chrome模拟器调试
9.1.1 启用Device Mode功能
9.1.2 移动设备视区模式
9.1.3 模拟网络状态
9.2 spy-debugger调试
9.2.1 Node.js和npm
9.2.2 安装和使用spy-debugger
9.3 本章小结
第10章 移动Web屏幕适配
10.1 Viewport视区
10.1.1 物理像素和CSS像素
10.1.2 视区(Viewport)
10.1.3 设置视区
10.2 响应式布局
10.2.1 媒体查询(Media Query)
10.2.2 案例:响应式页面
10.3 Flex布局
10.3.1 Flex布局—新旧版本的兼容性
10.3.2 Flex容器属性
10.3.3 Flex子元素属性
10.4 rem适配
10.4.1 动态设置根元素font-size
10.4.2 计算rem数值
10.5 vw适配
计算vw数值
10.6 rem适配和vw适配兼容性
10.7 本章小结
第11章 移动Web单击事件
11.1 touch事件
11.1.1 touch事件分类
11.1.2 touch事件对象
11.2 移动Web端单击事件
11.2.1 iOS单击延迟
11.2.2 “单击穿透”问题
11.3 本章小结
第12章 Vue.js核心基础
12.1 MVVM模式
12.1.1 什么是MVC
12.1.2 MVVM模式
12.2 Vue.js背景知识
12.2.1 Vue.js的由来
12.2.2 Vue.js和Webpack
12.3 Vue.js的安装和导入
12.3.1 通过<script>标签导入
12.3.2 通过NPM导入
12.4 Vue.js实例
12.4.1 创建Vue.js实例
12.4.2 用Vue.component()方法注册组件
12.4.3 Vue组件和实例的区别
12.4.4 全局组件和局部组件
12.4.5 组件方法和事件的交互操作
12.4.6 单文件组件
12.5 Vue.js组件的生命周期
12.5.1 beforeCreate和created
12.5.2 beforeMount和mounted
12.5.3 beforeUpdate和updated
12.5.4 beforeDestroy和destroyed
12.5.5 activated和deactivated
12.6 Vue.js模板语法
12.6.1 插值表达式
12.6.2 指令
12.7 Vue.js方法、计算属性和监听器
12.7.1 方法
12.7.2 计算属性
12.7.3 监听器
12.8 Vue.js的动态组件
12.9 Vue.js自定义组件v-model
12.10 本章小结
第13章 Vue.js高级技能
13.1 组件通信
13.1.1 组件通信概述
13.1.2 父组件向子组件通信
13.1.3 子组件向父组件通信
13.1.4 父子组件的双向数据绑定
13.1.5 非父子关系组件的通信
13.2 Vue.js动画
13.2.1 Vue.js动画概述
13.2.2 从一个简单的动画开始
13.2.3 transition组件实现过渡(transition)效果
13.2.4 transition组件实现动画(animation)效果
13.2.5 transition组件同时使用过渡和动画
13.2.6 transition组件的钩子函数
13.2.7 多个元素或组件的过渡效果
13.2.8 列表数据的过渡效果
13.3 Vue.js插槽
13.3.1 默认插槽
13.3.2 具名插槽
13.3.3 动态插槽名
13.3.4 插槽后备
13.3.5 作用域插槽
13.4 本章小结
第14章 Vuex状态管理
14.1 什么是“状态管理模式”
14.2 Vuex概述
14.2.1 Vuex的组成
14.2.2 安装Vuex
14.2.3 一个简单的Store
14.3 State
14.4 Getters
14.5 Mutation
14.6 Action
14.7 Modules
14.8 Vuex适用的场合
14.9 本章小结
第15章 Vue Router路由管理
15.1 什么是单页应用
15.2 Vue Router概述
15.2.1 安装Vue Router
15.2.2 一个简单的组件路由
15.3 动态路由
15.3.1 动态路由匹配
15.3.2 响应路由变化
15.4 导航守卫
15.4.1 全局前置守卫
15.4.2 全局解析守卫
15.4.3 全局后置钩子
15.4.4 组件内的守卫
15.4.5 路由配置守卫
15.5 嵌套路由
15.6 命名视图
15.7 编程式导航
15.8 路由组件传参
15.9 路由重定向、别名及元信息
15.10 Vue Router的路由模式
15.11 滚动行为
15.12 keep-alive
15.12.1 keep-alive缓存状态
15.12.2 keep-alive实现原理浅析
15.13 路由懒加载
15.14 本章小结
第16章 PWA技术全揭秘
16.1 PWA技术介绍
16.1.1 PWA应用的特点
16.1.2 PWA技术结构
16.1.3 PWA技术兼容性
16.2 Service Worker
16.2.1 Service Worker功能和特性
16.2.2 Promise介绍
16.2.3 注册Service Worker
16.2.4 检测Service Worker是否注册成功
16.2.5 安装Service Worker
16.2.6 激活Service Worker
16.2.7 Service Worker更新
16.2.8 Service Worker生命周期
16.2.9 Service Worker拦截请求
16.2.10 Service Worker缓存Cache API
16.2.11 Service Worker离线推送Push API
16.3 Notifications
16.3.1 获取授权
16.3.2 显示通知
16.4 Web App Manifest
16.4.1 导入manifest.json
16.4.2 manifest.json各项设置
16.5 本章小结
第17章 ECMAScript 6语言基础
17.1 变量声明
17.1.1 let,var,const
17.1.2 箭头函数
17.1.3 对象属性和方法的简写
17.2 模块化
17.2.1 ES6模块化概述
17.2.2 import和export
17.3 async/await
17.4 本章小结
第18章 响应式单页面管理系统的开发
18.1 创建index.html
18.2 创建根实例和页面组件
18.3 页面切换
18.4 待办事项页面的开发
18.4.1 创建事项
18.4.2 单条事项组件
18.4.3 数据持久化
18.5 回收站页面的开发
18.5.1 已删除事项列表
18.5.2 单条已删除事项组件
18.6 删除事项和恢复事项联动
18.7 美化页面背景和添加清空按钮
第19章 实战项目:新浪微博Web App
19.1 准备开发环境
19.1.1 安装代码编辑器Sublime Text 3
19.1.2 安装Node.js
19.2 安装vue cli 3初始化前端项目
19.2.1 安装vue cli 3
19.2.2 初始化项目
19.2.3 启动项目
19.3 使用MUI
19.3.1 导入MUI
19.3.2 postcss-px-to-viewport插件的安装和配置
19.4 登录页面的开发
19.5 微博首页的开发
19.5.1 tabbar组件的开发
19.5.2 headerbar组件的开发
19.5.3 4个页签(tab)页面的开发
19.6 新鲜事页面的开发
19.6.1 滚动加载组件的开发
19.6.2 单条微博组件的开发
19.6.3 “发表”按钮的开发
19.6.4 新鲜事微博列表的开发
19.7 发表页面的开发
19.8 消息页面的开发
19.9 我的页面的开发
19.10 微博详情页面的开发
19.10.1 配置二级路由
19.10.2 详情页上半部分的开发
19.10.3 转发和点赞列表的开发
19.10.4 评论列表的开发
19.11 更多回复页面的开发
19.12 评论页面的开发
19.13 页面转场动画
19.13.1 监听路由变化
19.13.2 使用transition动画组件
19.13.3 添加转场动画CSS样式
19.13.4 页面缓存和相同页面组件的复用
19.14 改造PWA应用
19.14.1 配置sw.js文件
19.14.2 设置manifest.json文件
19.15 打包和部署
买过这本书的人还买过
读了这本书的人还在读
同类图书排行榜