作品简介

《Vue3移动Web开发与性能调优实战》旨在向读者介绍如何使用Vue3和其他现代Web技术创建高性能的移动Web应用程序。《Vue3移动Web开发与性能调优实战》不仅详细介绍有关移动Web和Vue3的技术知识,包括HTML5、CSS3、Vue全家桶、构建工具Vite、移动Web屏幕适配等,并讲解如何使用这些技术来创建快速、可靠和可扩展的应用程序,还深入探讨各种性能优化技术,并向读者展示如何使用这些技术来提升Web应用程序的性能、可靠性和用户体验。最后通过一个企业级实战项目——仿微信朋友圈系统来全方位讲解移动Web和Vue3在企业级项目中的应用实践。《Vue3移动Web开发与性能调优实战》既适合有一定前端开发基础的学生、前端开发的从业者以及自由项目开发者,也适合对Vue3感兴趣的、擅于做各种Vue3应用探索、想要深入了解Vue3底层实现的开发者,还可作为高校相关专业的教学用书。

吕鸣,从业10年,先后供职于深圳勝讯、宇通客车、蚂蚁集团,瑞茂通等,担任Web前端高级工程师和前端架构师。职业生涯对于Web开发、iOS开发、Python开发都有涉猎,尤其对相关实际项目开发和调优工作有丰富经验。出版著作《Vue3.js应用开发与核心源码解析》。

作品目录

  • 内容简介
  • 作者简介
  • 前言
  • 本书主要内容
  • 本书特色
  • 本书适用对象
  • 本书的一些默认环境和依赖说明
  • 配书资源
  • 最后
  • 第1章 移动Web开发概述
  • 1.1 移动互联网Web开发技术介绍
  • 1.2 移动Web与HTML 5、CSS 3和Vue.js的关系
  • 1.3 浏览器安装和代码环境的准备
  • 1.4 小结
  • 1.5 练习
  • 第2章 HTML 5语义化标签和属性
  • 2.1 DOCTYPE声明
  • 2.2 <header>标签
  • 2.3 <footer>标签
  • 2.4 <section>标签
  • 2.5 <nav>标签
  • 2.6 <aside>标签
  • 2.7 语义化标签总结
  • 2.8 HTML 5其他新增的标签
  • 2.9 HTML 5新增的标签属性
  • 2.10 小结
  • 2.11 练习
  • 第3章 HTML 5音频和视频
  • 3.1 <audio>标签与音频
  • 3.2 <video>标签与视频
  • 3.3 小结
  • 3.4 练习
  • 第4章 HTML 5网页存储
  • 4.1 初识Web Storage
  • 4.2 LocalStorage和SessionStorage
  • 4.3 浏览器存储的其他方案
  • 4.4 小结
  • 4.5 练习
  • 第5章 CSS 3选择器
  • 5.1 CSS 3属性选择器
  • 5.2 CSS 3伪类选择器
  • 5.3 小结
  • 5.4 练习
  • 第6章 CSS 3转换、过渡与动画
  • 6.1 CSS 3转换
  • 6.2 CSS 3过渡
  • 6.3 CSS 3动画
  • 6.4 案例:CSS 3实现旋转3D立方体
  • 6.5 小结
  • 6.6 练习
  • 第7章 移动Web开发和调试
  • 7.1 Chrome模拟器调试
  • 7.2 spy-debugger调试
  • 7.3 小结
  • 7.4 练习
  • 第8章 移动Web屏幕适配
  • 8.1 视区简介
  • 8.2 响应式布局
  • 8.3 Flex布局
  • 8.4 rem适配
  • 8.5 vw适配
  • 8.6 rem适配和vw适配兼容性
  • 8.7 小结
  • 8.8 练习
  • 第9章 移动Web单击事件
  • 9.1 touch事件
  • 9.2 移动Web端单击事件
  • 9.3 小结
  • 9.4 练习
  • 第10章 Vue.js基础
  • 10.1 Vue.js实例和组件
  • 10.2 Vue.js模板语法
  • 10.3 Vue.js的data属性、方法、计算属性和监听器
  • 10.4 案例:Vue 3留言板
  • 10.5 小结
  • 10.6 练习
  • 第11章 Vue.js组件
  • 11.1 组件生命周期
  • 11.2 组件通信
  • 11.3 组件插槽
  • 11.4 动态组件
  • 11.5 异步组件和<suspense>
  • 11.6 <teleport>组件
  • 11.7 Mixin对象
  • 11.8 案例:Vue 3待办事项
  • 11.9 小结
  • 11.10 练习
  • 第12章 Vue.js组合式API
  • 12.1 组合式API基础
  • 12.2 setup方法
  • 12.3 响应式类方法
  • 12.4 监听类方法
  • 12.5 生命周期类方法
  • 12.6 methods方法
  • 12.7 provide/inject
  • 12.8 单文件组件<script setup>
  • 12.9 案例:组合式API待办事项
  • 12.10 小结
  • 12.11 练习
  • 第13章 Vue.js动画
  • 13.1 从一个简单的动画开始
  • 13.2 <transition>组件实现过渡效果
  • 13.3 <transition>组件实现动画效果
  • 13.4 <transition>组件同时实现过渡和动画
  • 13.5 <transition>组件的钩子函数
  • 13.6 多个元素或组件的过渡/动画效果
  • 13.7 列表数据的过渡效果
  • 13.8 案例:魔幻的事项列表
  • 13.9 小结
  • 13.10 练习
  • 第14章 Vuex状态管理
  • 14.1 什么是状态管理模式
  • 14.2 Vuex概述
  • 14.3 state
  • 14.4 getters
  • 14.5 mutation
  • 14.6 action
  • 14.7 module
  • 14.8 Vuex插件
  • 14.9 在组合式API中使用Vuex
  • 14.10 Vuex适用的场合
  • 14.11 另一种状态及管理方案——Pinia
  • 14.12 案例:事项列表的数据通信
  • 14.13 小结
  • 14.14 练习
  • 第15章 Vue Router路由管理
  • 15.1 什么是单页应用
  • 15.2 Vue Router概述
  • 15.3 动态路由
  • 15.4 导航守卫
  • 15.5 嵌套路由
  • 15.6 命名视图
  • 15.7 命名路由
  • 15.8 编程式导航
  • 15.9 路由组件传参
  • 15.10 路由重定向、别名及元数据
  • 15.11 Vue Router的路由模式
  • 15.12 滚动行为
  • 15.13 keep-alive
  • 15.14 路由懒加载
  • 15.15 在组合式API中使用Vue Router
  • 15.16 案例:Vue Router路由待办事项
  • 15.17 小结
  • 15.18 练习
  • 第16章 新一代开发构建工具Vite
  • 16.1 Vite概述
  • 16.2 Vite的安装和使用
  • 16.3 Vite自定义配置
  • 16.4 小结
  • 16.5 练习
  • 第17章 移动Web性能优化
  • 17.1 资源合并与压缩优化
  • 17.2 浏览器加载原理优化
  • 17.3 缓存优化
  • 17.4 懒加载与预加载
  • 17.5 渲染优化
  • 17.6 小结
  • 17.7 练习
  • 第18章 实战项目:微信朋友圈系统的开发
  • 18.1 开发环境准备
  • 18.2 项目功能逻辑
  • 18.3 登录页面的开发
  • 18.4 发表页面的开发
  • 18.5 首页的开发
  • 18.6 个人页面的开发
  • 18.7 路由配置
  • 18.8 页面转场动画
  • 18.9 项目小结
展开全部