前端最全知识图谱

基本选择器

事件绑定

事件触发

事件对象

事件冒泡

事件委托

隐藏和显示

淡入淡出

滑动效果

动画效果

停止动画

文档操作

属性操作

样式操作

内容操作

表单操作

load方法

get方法

post方法

getJSON方法

ajax方法

插件的引入

插件的使用

DOM操作函数

事件操作函数

效果操作函数

AJAX操作函数

noConflict方法

jQuery对象和DOM对象的转换

Vue是一套用于构建用户界面的渐进式框架

Vue的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合

Vue也可以通过完整的解决方案，提供更多的高级功能，如：路由、状态管理、构建工具等

响应式

组件化

轻量级

易于学习

灵活性高

性能高

模板语法

计算属性

侦听器

方法

Class与Style绑定

条件渲染

列表渲染

表单输入绑定

组件基础

自定义指令

混入

插件

过渡效果

渲染函数

JSX

服务端渲染

单元测试

VueRouter

Vuex

Axios

ElementUI

Vuetify

MintUI

iView

AntDesignVue

Nuxt.js

项目实战

常见问题

优化建议

Number

String

Boolean

Null

Undefined

Symbol

Object

Function

Array

Date

RegExp

Math

Set

Map

Promise

Proxy

Reflect

Error

JSON基本数据类型：存储在栈内存中，值不可变引用数据类型：存储在堆内存中，值可变，变量存储的是一个指向堆内存的地址Number：数字类型，包括整数和浮点数String：字符串类型，用单引号或双引号表示Boolean：布尔类型，true或falseNull：空类型，表示空对象指针Undefined：未定义类型，表示未初始化的变量Symbol：唯一标识符类型，ES6新增Object：对象类型，包括普通对象、数组、函数、正则等Function：函数类型，具有可执行代码的对象Array：数组类型，一组有序的数据集合Date：日期类型，表示时间RegExp：正则表达式类型，用于匹配字符串Math：数学类型，提供数学计算方法Set：集合类型，一组无序且唯一的数据集合Map：映射类型，一组键值对的数据集合Promise：异步编程的解决方案Proxy：代理类型，用于拦截并修改对象的默认行为Reflect：反射类型，提供拦截JavaScript引擎操作的方法Error：错误类型，表示运行时错误JSON：JavaScript对象表示法，用于数据交换和存储

函数声明

函数表达式

箭头函数

函数调用

函数作用域

函数闭包

函数递归

函数高阶

函数方法

函数模块化

定义：JS对象是一种复合数据类型，可以将多个数据类型组合在一起形成一个对象

特点：对象由属性和方法组成，属性可以是基本类型或对象类型，方法是对象的函数

创建对象的方式：

对象的属性操作：

对象的方法操作：

对象的分类：

对象的遍历：

对象的原型：

对象的继承：

数组是一种数据结构，用于存储一组有序的数据

数组是一种引用类型，可以存储任意类型的数据

数组的长度可以动态改变

使用数组字面量创建

使用Array构造函数创建

使用Array.of()方法创建

使用Array.from()方法创建

length：数组的长度

push()：在数组末尾添加一个或多个元素

pop()：删除并返回数组的最后一个元素

shift()：删除并返回数组的第一个元素

unshift()：在数组开头添加一个或多个元素

splice()：从数组中添加或删除元素

slice()：返回数组的一个片段

concat()：连接两个或多个数组

join()：将数组中的所有元素连接成一个字符串

indexOf()：返回指定元素在数组中的位置

lastIndexOf()：返回指定元素在数组中最后出现的位置

reverse()：反转数组中元素的顺序

sort()：对数组中的元素进行排序

forEach()：对数组中的每个元素执行一次指定的函数

map()：对数组中的每个元素执行一次指定的函数，并返回一个新数组

filter()：对数组中的每个元素执行一次指定的函数，并返回一个新数组，该数组只包含符合条件的元素

reduce()：对数组中的每个元素执行一次指定的函数，并将结果汇总为一个值

reduceRight()：对数组中的每个元素执行一次指定的函数，并将结果汇总为一个值，从右向左遍历数组

find()：返回数组中第一个符合条件的元素

findIndex()：返回数组中第一个符合条件的元素的位置

every()：检查数组中的所有元素是否符合条件

some()：检查数组中是否存在符合条件的元素

includes()：检查数组中是否包含指定元素

JS数组可以是多维的，即数组中的元素也可以是数组

多维数组可以用嵌套的方式表示

多维数组的访问方式与一维数组类似，只需使用多个索引即可

元字符

分组

分支结构

前后查找

零宽度断言

模式修饰符

分组引用

反向引用

嵌入代码

回溯控制

在线工具

开发工具

正则表达式库

getElementById()

getElementsByTagName()

getElementsByClassName()

querySelector()

querySelectorAll()

createElement()

createTextNode()

appendChild()

removeChild()

replaceChild()

getAttribute()

setAttribute()

removeAttribute()

style.property

className

innerHTML

innerText

addEventListener()

removeEventListener()

parentNode

childNodes

firstChild

lastChild

nextSibling

previousSibling

Ajax（AsynchronousJavaScriptandXML）是一种在Web页面中实现异步通信的技术。

通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。

这意味着可以在不重新加载整个页面的情况下更新部分页面。

减轻服务器负载

提高用户体验

减少网络带宽的使用

提高Web应用程序的交互性和可用性

不支持浏览器的回退功能

搜索引擎的爬虫程序无法很好地处理Ajax生成的内容

需要JavaScript支持

创建XMLHttpRequest对象

发送请求

服务器端处理请求

接收服务器端响应

更新页面内容

表单验证

搜索提示

无限滚动

购物车实时更新

即时聊天

jQuery

Prototype

Dojo

MooTools

YUI

ExtJS

Backbone.js

AngularJS

React

Vue.js

鼠标事件

键盘事件

表单事件

窗口事件

文档事件

媒体事件

拖放事件

触摸事件

手势事件

HTML事件处理程序

DOM0级事件处理程序

DOM2级事件处理程序

addEventListener()方法

attachEvent()方法

属性

方法

事件冒泡

事件捕获

DOM事件流

点击事件

鼠标移动事件

键盘事件

表单事件

窗口事件

文档事件

媒体事件

拖放事件

触摸事件

手势事件

字符串是由一串字符组成的，可以包含字母、数字、符号和空格等

可以通过单引号、双引号、反引号创建字符串

反斜杠可以用来转义特殊字符

属性

方法

使用==和===进行比较

比较时，字符串按照Unicode编码进行比较

在网页中，字符串常用于表单验证、动态生成HTML等方面

在Node.js中，字符串常用于文件读写、网络通信等方面