万本电子书0元读

万本电子书0元读

顶部广告

HTML5移动Web+Vue.js应用开发实战电子书

本书综合运用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新特性等内容,并借助待办事项管理

售       价:¥

纸质售价:¥44.50购买纸书

74人正在读 | 0人评论 6.2

作       者:吕鸣

出  版  社:清华大学出版社

出版时间:2020-07-01

字       数:28.9万

所属分类: 科技 > 计算机/网络 > 程序设计

温馨提示:数字商品不支持退换货,不提供源文件,不支持导出打印

为你推荐

  • 读书简介
  • 目录
  • 累计评论(0条)
  • 读书简介
  • 目录
  • 累计评论(0条)
本书综合运用HTML5、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新特性等内容,并借助待办事项管理系统和新浪微博Web App项目发提高读者的实战技能。 本书内容丰富,注重实战,特别适合正在学习移动Web发或前端发的人员使用,对于有一年左右从业经验的前端工程师和想要了解企业级移动Web项目发的前端工程师也能从本书中获得收益。<br/>【推荐语】<br/>本书综合运用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新特性等内容,并借助待办事项管理 系统和新浪微博We App项目发提高读者的实践技能。 本书适合正在学习移动Web发或前端发的人员使用,对于有一年左右从业经验想要了解企业级移动Web项目发的前端工程师也能从本书中获得收益。<br/>【作者】<br/>吕鸣(网名,吕小鸣),从业7年,先后供职于深圳腾讯内容平台部、宇通客车智能网联研究院,担任Web前端高级工程师和前端架构师,对Web发、iOS发、PHP发及前端相关领域都有涉猎,目前专注于移动Web发,对相关实际项目调优拥有丰富的经验。<br/>
目录展开

封面页

书名页

版权页

作者简介

内容简介

前言

目录

第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 打包和部署

累计评论(0条) 0个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部