新書推薦：
《
画艺循谱：晚明的画谱与消闲
》
售價：NT$
653.0
《
新民说·现实政治史：从马基雅维利到基辛格
》
售價：NT$
454.0
《
宽容是件奢侈品（人生360度·一分钟经典故事）
》
售價：NT$
203.0
《
甲骨拼合六集
》
售價：NT$
1520.0
《
视觉美食家：商业摄影实战与创意解析
》
售價：NT$
602.0
《
中国经济发展的新阶段：机会与选择
》
售價：NT$
454.0
《
DK月季玫瑰百科
》
售價：NT$
959.0
《
为你想要的生活
》
售價：NT$
301.0
|
| 編輯推薦： |
本书综合运用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项目开发的前端工程师也能从本书中获得收益。
|
| 內容簡介： |
本书综合运用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项目开发的前端工程师也能从本书中获得收益。
|
| 關於作者： |
|
吕鸣（网名，吕小鸣），从业7年，先后供职于深圳腾讯内容平台部、宇通客车智能网联研究院，担任Web前端高级工程师和前端架构师，对Web开发、iOS开发、PHP开发及前端相关领域都有涉猎，目前专注于移动Web开发，对相关实际项目调优拥有丰富的经验。
|
| 目錄：
|
第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 标签
2.3 标签
2.4 标签
2.5 标签
2.6 标签
2.7 语义化标签总结
2.8 HTML5其他新增的标签
2.8.1 标签
2.8.2 标签
2.8.3 标签
2.9 HTML5新增的标签属性
2.9.1 的type属性
2.9.2 文件上传功能
2.9.3 其他新增属性
2.9.4 的async和defer属性
2.10 本章小结
第3章 HTML5音频和视频
3.1 标签与音频
3.1.1 标签元素的使用
3.1.2 使用JavaScript操作audio对象
3.1.3 audio对象的事件
3.2 标签与视频
3.2.1 标签元素的使用
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适配
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 通过标签导入
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 asyncawait
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 打包和部署
|
| 內容試閱：
|
随着移动互联网的高速发展，移动端开发技术已经成为现阶段软件工程师不可不学的一门技术，而HTML5移动Web开发技术作为移动端的一个重要领域，以其特有的跨平台、易上手等特性，成为前端工程师必备的技能，结合当下非常流行的Vue.js前端框架，能够开发出各种各样的企业级业务产品。市面上有不少关于HTML5以及Vue.js相关技术的书籍，但是大多都是讲解单一的技术，本书的特点是综合运用了当前流行的前端开发技术，不限于HTML5和Vue.js，而且还讲解了CSS3以及PWA等技术，并讲解了如何综合运用这些技术开发企业级的移动Web项目。读者通过阅读本书能够在掌握理论、技术的同时，深入了解一个真正的移动Web实战项目是如何开发的，并且搭配本书提供的项目视频教程，还可以大大提升学习效率。
本书主要内容
本书从逻辑上可以分为5大部分，共19章，各部分内容概述如下：
第1部分（第1章到第6章）主要介绍HTML5和CSS3基础理论知识相关的内容，其中包括的知识点如下：
HTML5新增标签的介绍和使用。
HTML5的Canvas绘图基础。
HTML5网页存储。
CSS3新增选择器和样式的介绍与使用。
CSS3转换、过渡和动画效果。
第2部分（第9章到第11章）主要介绍移动Web开发相关的内容，其中包括的知识点如下：
移动Web的调试技巧和方案选择。
移动Web的屏幕适配、响应式页面和Flex布局。
移动Web的touch事件系统。
第3部分（第12章到第15章）主要介绍Vue.js全家桶相关的内容，其中包括的知识点如下：
Vue.js的基础知识，包括组件、指令和模板语法等。
Vue.js的高级进阶知识，包括组件通信、动画和插槽等。
Vuex与Vue.js结合实现项目状态管理。
VueRouter与Vue.js结合实现项目路由管理。
第4部分（第16章和第17章）主要介绍PWA技术和ECMAScipt6相关技术栈的内容，其中包括的知识点如下：
PWA技术概述。
ServiceWorker全方位技术。
WebPush和WebNotification相关技术。
ECMAScript6的新特性。
第5部分（第18章和第19章）主要介绍两个Web项目的开发，从易到难结合书中的理论知识点，并在真正的实战项目中进行应用，便于读者更好地掌握本书的知识点。
本书的适合人群
（1）正在学习前端开发技术的爱好者或即将毕业的学生。
（2）有一年左右工作经验的前端工程师。
（3）想要了解企业级移动Web项目开发的前端工程师。
阅读本书之后，能学到什么？
学习本书，读者需要具备基本的HTML和CSS以及JavaScript编程基础，通过阅读本书你能取得以下收获：
掌握HTML5和CSS3相关基础理论知识和实践应用。
掌握移动Web开发独有的调试技术、屏幕适配和touch事件系统。
掌握Vue.js完整的基础知识和进阶技能。
掌握Vuex，VueRouter集合Vue.js的理论和实践。
了解PWA技术与移动WebApp的深度结合。
学会待办事项系统和企业级实战项目新浪微博WebApp从0到1完整的开发流程。
|
|
購物車/收銀台(
0
) | 在線留言板
| 付款方式
| 聯絡我們
| 運費計算
| 幫助中心 |
加入書簽
HOME
新書上架
