目录

扫一扫

源码下载

第1章Web前端开发概述

1.1Web前端开发工具

1.1.1Visual Studio Code

1.1.2HBuilder X

1.2Web前端开发工程化工具

1.2.1跨平台的JavaScript运行环境Node.js

1.2.2渐进式框架Vue.js

1.2.3Vue脚手架Vue CLI

1.2.4下一代构建工具Vite 

1.3JavaScript编程与运行

1.3.1JavaScript编程

1.3.2JavaScript运行方式

1.4TypeScript编程与运行

1.4.1TypeScript编程

1.4.2TypeScript运行方式

项目实战1

小结

练习1

第2章JavaScript基础

2.1JavaScript概述

2.1.1JavaScript的组成

2.1.2JavaScript的特点

2.1.3JavaScript的放置位置

2.1.4JavaScript的输出

2.2JavaScript语句

2.2.1JavaScript语句构成

2.2.2JavaScript 程序

2.2.3分号

2.2.4空格字符

2.2.5JavaScript行长度和折行

2.2.6JavaScript代码块

2.2.7JavaScript关键词

2.3JavaScript语法

2.3.1JavaScript标识符

2.3.2JavaScript变量

2.3.3ECMAScript 6变量定义let和const

2.3.4JavaScript值与字面量

2.3.5JavaScript注释

2.4数据类型和消息对话框

2.4.1数据类型

2.4.2消息对话框

2.5运算符和表达式

2.5.1算术运算符和表达式

2.5.2关系运算符和表达式

2.5.3逻辑运算符和表达式

2.5.4赋值运算符和表达式

2.5.5位运算符和表达式

2.5.6条件运算符和表达式

2.5.7其他运算符和表达式

2.6JavaScript程序控制结构

2.6.1顺序结构

2.6.2选择结构

2.6.3循环结构

2.7JavaScript函数

2.7.1自定义函数

2.7.2常用系统函数

2.7.3return语句

2.7.4函数变量的作用域

项目实战2

小结

练习2

第3章JavaScript事件处理

3.1JavaScript事件

3.1.1事件类型

3.1.2事件句柄

3.1.3事件处理

3.1.4事件处理程序的返回值

3.2HTML事件

3.2.1onChange与onSelect事件属性

3.2.2onSubmit与onReset事件属性

3.2.3onFocus与onBlur事件属性

3.3鼠标事件

3.3.1onClick与onDblClick事件属性

3.3.2onMouseOver、onMouseOut、onMouseDown、onMouseUp事件属性

3.4键盘事件

3.5窗口事件

3.5.1onResize与onScroll事件属性

3.5.2onDOMContentLoaded、onLoad与onBeforeUnload事件属性

项目实战3

小结

练习3

第4章DOM和BOM

4.1JavaScript对象

4.1.1Array对象

4.1.2Math对象

4.1.3Date对象

4.1.4Number对象

4.1.5String对象

4.1.6Boolean对象

4.1.7RegExp对象

4.1.8JSON对象

4.2JavaScript HTML DOM

4.2.1HTML DOM简介

4.2.2HTML DOM节点树

4.2.3HTML DOM节点

4.2.4HTML DOM节点访问

4.2.5DOM节点操作

4.2.6DOM操作元素

4.2.7DOM操作CSS样式

4.2.8DOM操作Event事件

4.3JavaScript BOM

4.3.1Window对象

4.3.2Navigator对象

4.3.3Screen对象

4.3.4History对象

4.3.5Location对象

项目实战4

小结

练习4

第5章Zepto移动框架

5.1Zepto简介

5.1.1Zepto概述

5.1.2Zepto的下载与引入

5.1.3Zepto支持的浏览器

5.1.4Zepto模块

5.1.5自定义zepto.js文件模块

5.1.6Zepto核心方法

5.1.7Zepto与jQuery的异同

5.2Zepto选择器

5.2.1通用选择器和元素选择器

5.2.2id选择器

5.2.3class选择器

5.2.4属性选择器

5.2.5层级选择器

5.2.6不支持的选择器

5.3Zepto操作DOM

5.3.1创建 DOM元素

5.3.2设置或获取元素内容与属性

5.3.3添加元素

5.3.4删除元素

5.3.5获取并设置CSS类

5.3.6Zepto窗口尺寸

项目实战5

小结

练习5

第6章Zepto高级应用

6.1Zepto效果

6.1.1显示/隐藏效果

6.1.2淡入/淡出效果

6.1.3动画

6.2Zepto遍历

6.2.1遍历

6.2.2祖先元素

6.2.3后代元素

6.2.4同胞元素

6.2.5过滤

6.3Zepto事件

6.3.1Zepto事件概念

6.3.2Zepto监听事件

6.3.3Zepto移除事件

6.3.4Zepto事件委托

6.3.5Zepto只执行一次

6.3.6Zepto事件触发

6.3.7Zepto touch事件

6.4Zepto AJAX

6.4.1Zepto AJAX模块引入

6.4.2Zepto AJAX load()方法

6.4.3Zepto AJAX 请求方法

6.5Zepto典型应用

6.5.1轮播图实战

6.5.2旋转表格——点餐实战

项目实战6

小结

练习6

第7章Vue 3.x基础应用

7.1Vue简介及快速上手

7.1.1什么是Vue

7.1.2渐进式框架

7.1.3单文件组件

7.1.4API风格

7.2创建一个Vue应用

7.2.1应用实例

7.2.2根组件

7.2.3挂载应用

7.2.4应用配置

7.2.5多个应用实例

7.3模板语法

7.3.1文本插值

7.3.2原始HTML

7.3.3Attribute绑定

7.3.4使用JavaScript表达式

7.3.5指令Directives

7.4响应式基础

7.4.1选项式API： 声明响应式状态

7.4.2选项式API： 声明方法

7.4.3组合式API:声明响应式状态

7.5计算属性

7.5.1基础应用

7.5.2计算属性缓存与方法

7.5.3可写计算属性

7.6类与样式绑定

7.6.1绑定HTML class

7.6.2绑定内联样式

7.7条件渲染

7.7.1vif

7.7.2velse

7.7.3velseif

7.7.4template上的vif

7.7.5vshow

7.7.6vif与vshow

7.7.7vif和vfor

7.8列表渲染

7.8.1vfor

7.8.2vfor与对象

7.8.3vfor应用场景

7.8.4数组变化侦测

7.9事件处理

7.9.1监听事件

7.9.2事件修饰符

7.9.3按键修饰符

7.9.4鼠标按键修饰符

7.10表单输入绑定

7.10.1vmodel指令

7.10.2表单元素输入绑定

7.10.3值绑定

7.10.4修饰符

7.11生命周期

7.11.1注册周期钩子

7.11.2生命周期图示

7.12侦听器

7.12.1watch()基本示例

7.12.2深层侦听器

7.12.3即时回调的侦听器

7.12.4watchEffect()

7.12.5回调的触发时机

7.12.6停止侦听器

7.13模板引用

7.13.1访问模板引用

7.13.2vfor中的模板引用

7.13.3函数模板引用

7.13.4组件上的 ref

项目实战7

小结

练习7

第8章Vue 3.x高级应用

8.1单文件组件命名规范

8.1.1单文件组件

8.1.2组件命名规范  

8.2组件注册

8.2.1组件全局注册

8.2.2组件局部注册

8.3props

8.3.1传递props

8.3.2动态组件

8.3.3props声明

8.3.4单向数据流

8.3.5props校验

8.4组件事件

8.4.1触发与监听事件

8.4.2事件参数

8.4.3声明触发的事件

8.4.4事件校验

8.5组件vmodel

8.5.1vmodel的参数

8.5.2多个vmodel绑定

8.5.3处理vmodel修饰符

8.6插槽Slots

8.6.1插槽内容与出口

8.6.2渲染作用域

8.6.3默认内容

8.6.4具名插槽

8.6.5动态插槽名

8.6.6作用域插槽

8.6.7具名作用域插槽

8.7依赖注入

8.7.1prop逐级透传问题

8.7.2Provide

8.7.3应用层 Provide

8.7.4Inject

项目实战8

小结

练习8

第9章Vue 3.x前端工程构建工具

9.1Node.js简介

9.1.1Node.js概述

9.1.2Node.js部署

9.1.3下载Vue DevTools

9.1.4Node.js环境配置

9.2npm使用介绍

9.2.1npm简介

9.2.2npm常用命令

9.3Vue CLI构建项目

9.3.1什么是Vue CLI

9.3.2Vue CLI安装

9.3.3Vue CLI创建Vue项目

9.4Vite构建项目

9.4.1Vite简介

9.4.2创建一个Vite项目

9.4.3创建一个Vue应用项目

项目实战9

小结

练习9

第10章Vue Router路由

10.1Vue Router概述

10.1.1Vue Router的安装与使用

10.1.2Vue Router入门应用

10.2Vue Router基础

10.2.1动态路由匹配

10.2.2路由的匹配语法

10.2.3嵌套路由

10.2.4编程式导航

10.2.5命名路由

10.2.6命名视图

10.2.7重定向和别名

10.2.8不同的历史模式

10.3Vue Router进阶

10.3.1路由元信息

10.3.2导航守卫

10.3.3动态路由

项目实战10

小结

练习10

第11章PiniaVue存储库

11.1Pinia简介

11.1.1为什么要使用Pinia

11.1.2基础案例

11.1.3与Vuex的比较

11.1.4与Vuex 3.x/4.x的比较

11.1.5安装

11.1.6Store的概念及使用场景

11.2定义一个Store

11.2.1在项目中定义Store

11.2.2在页面(组件)中使用Store

11.2.3在main.js中引入Pinia

11.3核心概念——state

11.3.1定义state状态

11.3.2访问state

11.3.3重置状态

11.3.4改变状态

11.3.5替换state

11.3.6订阅状态

11.4核心概念——getter

11.4.1定义getter

11.4.2访问getter

11.4.3访问其他getter

11.4.4向getter传递参数

11.4.5访问其他Store的getter

11.4.6使用setup()时的用法

11.4.7选项式API的用法

11.5核心概念——action

11.5.1添加action

11.5.2使用action

11.5.3访问其他Store 的 action

11.5.4异步action

11.5.5选项式API的用法

11.5.6订阅action

11.6Pinia插件与持久化

11.6.1Pinia插件

11.6.2Pinia持久化

项目实战11

小结

练习11

第12章uniapp跨平台移动端开发工具

12.1uniapp概述

12.1.1uniapp简介

12.1.2uniapp运行环境

12.1.3uniapp项目目录及文件

12.2uniapp项目开发

12.2.1通过HBuilder X可视化界面

12.2.2通过HBuilder X运行到手机或模拟器

12.2.3通过vuecli命令行

12.3uniapp常用组件

12.3.1视图容器组件

12.3.2基础内容组件

12.3.3表单组件

12.3.4页面路由跳转——navigator组件

12.3.5tabBar组件

12.4页面

12.4.1页面管理

12.4.2页面内容构成

12.4.3页面生命周期

12.5uniapp实战案例

12.5.1创建项目

12.5.2项目组件开发

12.5.3入口组件及主页面组件

12.5.4main.js文件

12.5.5页面管理配置文件pages.json文件

12.5.6项目运行

项目实战12

小结

练习12

参考文献