万本电子书0元读

万本电子书0元读

顶部广告

Vue.js 3应用开发与核心源码解析电子书

本书在讲解Vue 3基础内容的基础上也会围绕这些新的变化和特性行讲解和应用,同时详细介绍了Vue.js相关的生态,包括Vuex、Vue Router、Vue Cli、Vue动画、Vite、Vue Cli工具等。另外本书还涉及Vue服务端渲染(Node.js、Express)的相关内容,服务端渲染对Vue前端项目的改造提升是非常明显的,不仅有利于搜索引擎的SEO,在首屏体验上也会快很多,但是需要前端发者关注的也更多了,这可能需要读者有一定的Node.js基础,以便于对这部分内容的理解。本书的一大特色是对Vue 3.x的核心源码(响应式原理、双向绑定实现、虚拟DOM、<keep-alive>原理和实现)行了分析和讲解,这不仅有利于读者掌握Vue.js的设计思想,也能提升读者对Vue.js框架的熟练度,同时Vue.js源码知识也是近年来前端面试经常被问到的内容,学习和掌握这些内容是非常必要的。在本书的后会应用所讲解的Vue.js相关内容来发一个实战项目,以帮助读者完整地体验从0到1的发过程,还包括Vite工具的构建配置和模拟请求后端数据等只会在真实项目中才会用的技能。

售       价:¥

纸质售价:¥44.50购买纸书

73人正在读 | 0人评论 6.7

作       者:吕鸣

出  版  社:清华大学出版社

出版时间:2022-08-01

字       数:24.7万

所属分类: 科技 > 计算机/网络 > 软件系统

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

为你推荐

  • 读书简介
  • 目录
  • 累计评论(0条)
  • 读书简介
  • 目录
  • 累计评论(0条)
本书以前端工程化和企业级应用发为目标,围绕Vue 3及相关生态技术与核心源码行详细剖析。内容包括:Vue.js核心基础;相关生态,包括状态管理框架Vuex、路由管理框架Vue Router、Vue动画技术、Vue网络与数据存储技术,前端构建工具Vite与Vue Cli;阶的Vue服务端渲染,包括Node.js、Express和Nuxt.js;核心源码剖析,包括响应式原理、双向绑定实现、虚拟DOM、keep-alive原理和实现,旨在使读者掌握Vue的设计思想,提升发项目和应对面试的能力;每章提供一个小项目,后还提供了一个以工程化思想发的实战项目,使读者能够真正掌握从0到1发一个企业级应用的全过程。 本书内容丰富,技术先,注重实践,适合有一定前端发基础的学生、从业者,以及自由项目发者阅读,也适合对Vue.js感兴趣,善于做各种Vue.js应用探索,想要深了解Vue.js底层实现的发者阅读,还可以用作大专院校及培训机构的教学用书。<br/>【推荐语】<br/>本书在讲解Vue 3基础内容的基础上也会围绕这些新的变化和特性行讲解和应用,同时详细介绍了Vue.js相关的生态,包括Vuex、Vue Router、Vue Cli、Vue动画、Vite、Vue Cli工具等。另外本书还涉及Vue服务端渲染(Node.js、Express)的相关内容,服务端渲染对Vue前端项目的改造提升是非常明显的,不仅有利于搜索引擎的SEO,在首屏体验上也会快很多,但是需要前端发者关注的也更多了,这可能需要读者有一定的Node.js基础,以便于对这部分内容的理解。本书的一大特色是对Vue 3.x的核心源码(响应式原理、双向绑定实现、虚拟DOM、<keep-alive>原理和实现)行了分析和讲解,这不仅有利于读者掌握Vue.js的设计思想,也能提升读者对Vue.js框架的熟练度,同时Vue.js源码知识也是近年来前端面试经常被问到的内容,学习和掌握这些内容是非常必要的。在本书的后会应用所讲解的Vue.js相关内容来发一个实战项目,以帮助读者完整地体验从0到1的发过程,还包括Vite工具的构建配置和模拟请求后端数据等只会在真实项目中才会用的技能。 本书的所有内容旨在帮助读者真正掌握Vue.js的应用发,同时兼顾了Node.js的服务端渲染知识以及核心的源码分析内容,让读者学会Vue.js项目发的同时还能兼具掌握其内部的实现机制,终得到全方位的提升。<br/>【作者】<br/>吕  鸣, 从业10年,先后供职于深圳勝讯PCG、宇通客车自动驾驶、瑞茂通,担任Web前端高级工程师和前端架构师。职业生涯对于Web发、iOS发、Python发都有涉猎,尤其对相关实际项目发和调优工作有丰富经验。曾出版《HTML5移动Web Vue.js应用发实战》一书。<br/>
目录展开

作者简介

内容简介

前言

第1章 Vue.js概述

1.1 认识MVC和MVVM模式

1.1.1 传统的MVC模式

1.1.2 流行的MVVM模式

1.2 Vue.js简介

1.2.1 Vue.js的由来

1.2.2 Vue.js、前端工程化和Webpack

1.3 Vue.js的安装和导入

1.3.1 通过<script>标签导入

1.3.2 通过npm导入

1.3.3 通过Vue Cli和Vite导入

1.4 Vue 3新特性概览

1.4.1 更快、更小、更易于维护

1.4.2 新特性初体验

1.5 ES 6语言基础

1.5.1 变量声明

1.5.2 模块化

1.5.3 Promise和async/await

1.6 案例:Hello Vue 3

1.7 小结与练习

第2章 Vue.js基础

2.1 Vue.js实例和组件

2.1.1 创建Vue.js实例

2.1.2 用component()方法创建组件

2.1.3 Vue组件、根组件、实例的区别

2.1.4 全局组件和局部组件

2.1.5 组件方法和事件的交互操作

2.1.6 单文件组件

2.2 Vue.js模板语法

2.2.1 插值表达式

2.2.2 指令

2.3 Vue.js的data属性、方法、计算属性和监听器

2.3.1 data属性

2.3.2 方法

2.3.3 计算属性

2.3.4 计算属性和方法

2.3.5 监听器

2.3.6 监听器和计算属性

2.4 案例:Vue 3留言板

2.4.1 功能描述

2.4.2 案例完整代码

2.5 小结与练习

第3章 Vue.js组件

3.1 组件生命周期

3.1.1 beforeCreate和created

3.1.2 beforeMount和mounted

3.1.3 beforeUpdate和updated

3.1.4 beforeUnmount和unmounted

3.1.5 errorCaptured

3.1.6 activated和deactivated

3.1.7 renderTracked和renderTriggered

3.2 组件通信

3.2.1 组件通信概述

3.2.2 父组件向子组件通信

3.2.3 子组件向父组件通信

3.2.4 父子组件的双向数据绑定与自定义v-model

3.2.5 非父子关系组件的通信

3.2.6 provide / inject

3.3 组件插槽

3.3.1 默认插槽

3.3.2 具名插槽

3.3.3 动态插槽名

3.3.4 插槽后备

3.3.5 作用域插槽

3.3.6 解构插槽props

3.4 动态组件

3.5 异步组件和<suspense>

3.6 <teleport>

3.7 Mixin

3.7.1 Mixin合并

3.7.2 全局Mixin

3.7.3 Mixin取舍

3.8 案例:Vue 3待办事项

3.8.1 功能描述

3.8.2 案例完整代码

3.9 小结与练习

第4章 Vue.js组合式API

4.1 组合式API基础

4.2 setup方法

4.2.1 setup方法的参数

4.2.2 setup方法结合模板使用

4.2.3 setup方法的执行时机和getCurrentInstance方法

4.3 响应式类方法

4.3.1 ref和reactive

4.3.2 toRef和toRefs

4.3.3 其他响应式类方法

4.4 监听类方法

4.4.1 computed方法

4.4.2 watchEffect方法

4.4.3 watch方法

4.5 生命周期类方法

4.6 methods方法

4.7 provide / inject

4.8 单文件组件<script setup>

4.9 案例:组合式API待办事项

4.9.1 功能描述

4.9.2 案例完整代码

4.10 小结与练习

第5章 Vue.js动画

5.1 从一个简单的动画开始

5.2 transition组件实现过渡效果

5.3 transition组件实现动画效果

5.4 transition组件同时实现过渡和动画

5.5 transition组件的钩子函数

5.6 多个元素或组件的过渡/动画效果

5.7 列表数据的过渡效果

5.8 案例:魔幻的事项列表

5.8.1 功能描述

5.8.2 案例完整代码

5.9 小结与练习

第6章 Vuex状态管理

6.1 什么是“状态管理模式”

6.2 Vuex概述

6.2.1 Vuex的组成

6.2.2 安装Vuex

6.2.3 一个简单的store

6.3 state

6.4 getters

6.5 mutation

6.6 action

6.7 modules

6.8 Vuex插件

6.9 在组合式API中使用Vuex

6.10 Vuex适用的场合

6.11 Pinia介绍

6.12 案例:事项列表的数据通信

6.12.1 功能描述

6.12.2 案例完整代码

6.13 小结与练习

第7章 Vue Router路由管理

7.1 什么是单页应用

7.2 Vue Router概述

7.2.1 安装Vue Router

7.2.2 一个简单的组件路由

7.3 动态路由

7.3.1 动态路由匹配

7.3.2 响应路由变化

7.4 导航守卫

7.4.1 全局前置守卫

7.4.2 全局解析守卫

7.4.3 全局后置钩子

7.4.4 组件内的守卫

7.4.5 路由配置守卫

7.5 嵌套路由

7.6 命名视图

7.7 命名路由

7.8 编程式导航

7.9 路由组件传参

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

7.10.1 路由重定向

7.10.2 路由别名

7.10.3 路由元数据

7.11 Vue Router的路由模式

7.12 滚动行为

7.13 keep-alive

7.13.1 keep-alive缓存状态

7.13.2 利用元数据meta控制keep-alive

7.14 路由懒加载

7.15 在组合式API中使用Vue Router

7.16 案例:Vue Router路由待办事项

7.16.1 功能描述

7.16.2 案例完整代码

7.17 小结与练习

第8章 Vue Cli工具

8.1 Vue Cli概述

8.2 Vue Cli的安装和使用

8.2.1 初始化项目

8.2.2 启动项目

8.2.3 使用vue ui命令打开图形化界面

8.3 Vue Cli自定义配置

8.3.1 configureWebpack配置

8.3.2 chainWebpack配置

8.3.3 其他配置

8.4 案例:Vue Cli创建待办事项

8.5 小结与练习

第9章 Vite工具

9.1 Vite概述

9.1.1 怎么区分开发环境和生产环境

9.1.2 什么是Rollup

9.2 Vite的安装和使用

9.2.1 初始化项目

9.2.2 启动项目

9.2.3 热更新

9.3 Vite自定义配置

9.3.1 静态资源处理

9.3.2 插件配置

9.3.3 服务端渲染配置

9.4 Vite与Vue Cli

9.4.1 Vite和Vue Cli的主要区别

9.4.2 Vite和Vue Cli哪个性能更好

9.4.3 在实际项目中如何选择

9.5 案例:Vite创建待办事项

9.6 小结与练习

第10章 Vue.js服务端渲染

10.1 服务端渲染概述

10.1.1 客户端渲染

10.1.2 服务端渲染

10.2 Vue服务端渲染改造

10.2.1 同构问题

10.2.2 二次渲染

10.2.3 基于Vite的服务端渲染概述

10.2.4 创建Vite项目

10.2.5 改造main.js

10.2.6 创建Node.js服务server.js

10.2.7 生产模式服务端渲染

10.2.8 优化package.json命令完成改造

10.3 编写通用的代码

10.3.1 服务端的数据响应性

10.3.2 组件生命周期钩子

10.3.3 访问特定平台的API

10.4 预渲染

10.5 Nuxt.js介绍

10.6 案例:服务端渲染待办事项

10.6.1 功能描述

10.6.2 案例完整代码

10.7 小结与练习

第11章 Vue 3核心源码解析

11.1 源码目录结构解析

11.1.1 下载并启动Vue 3源码

11.1.2 目录模块

11.1.3 构建版本

11.2 面试高频响应式原理

11.2.1 Proxy API

11.2.2 Proxy和响应式对象reactive

11.2.3 ref()方法运行原理

11.3 大名鼎鼎的虚拟DOM

11.3.1 什么是虚拟DOM

11.3.2 Vue 3虚拟DOM

11.3.3 获取<template>的内容

11.3.4 生成AST

11.3.5 生成render方法字符串

11.3.6 得到最终的VNode对象

11.4 双向绑定的前世今生

11.4.1 响应式触发

11.4.2 生成新的VNode

11.4.3 虚拟DOM的diff过程

11.4.4 完成真实DOM的修改

11.5 <keep-alive>的魔法

11.5.1 LRU算法

11.5.2 缓存VNode对象

11.6 小结与练习

第12章 实战项目:豆瓣电影评分系统

12.1 开发环境准备

12.1.1 安装代码编辑器Sublime Text 3

12.1.2 安装cnpm

12.1.3 Vite项目初始化

12.2 项目功能逻辑

12.3 首页开发

12.3.1 轮播翻页组件

12.3.2 搜索框组件

12.4 登录页开发

12.5 详情页开发

12.5.1 电影基本信息组件

12.5.2 电影演员信息组件

12.5.3 电影评论信息组件

12.6 发表页开发

12.7 搜索页开发

12.8 路由配置

12.9 服务端渲染改造

12.9.1 main.js改造

12.9.2 entry-client.js和entry-server.js

12.9.3 home.vue改造

12.9.4 store改造

12.9.5 server.js改造

12.10 小结

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

发表评论

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

买过这本书的人还买过

读了这本书的人还在读

回顶部