你还有我

【代码】前端面试汇总。

什么是AxiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。官网http://www.axios-js.com/zh-cn/docs/Axios的优点1支持发送ajax异步2 支持在NodeJs中发送ajax请求3 支持Promise4 支持拦截器请求和响应5 支持对请求和响应数据的转换安装在服务端命令npm install axios --save案例:执行get请求// 为给定 ID 的 user 创建请求axi

resolve()中的参数就是执行成功的结果，通过then() 进行接受， then() 参数是一个函数，函数的参数就是 resolve传递传递出来的数据。状态 改变： fun1(), fun2(), fun3() 三个实例对象 谁的状态先改变（不管成功还是失败），则p的状态都会随之跟随改变 如果fun1(), fun2(), fun3() 三个实例对象。接受的参数是一个数组， 数组中的每个值是promise 实例对象， all()的状态是由参数的状态的决定；如何判断10个请求都执行完成结束了呢？

ts和js区别阮一峰ts官网http://ts.xcatliu.com/introduction/what-is-typescript.htmlts官网https://www.tslang.cn/docs/home.html

这里写目录标题防抖和节流概念防抖实现(计时器实现)节流实现(时间戳实现)防抖和节流概念防抖和节流都是性能优化的方式 : 针对的是高频触发的事件： 比如 滚动事件scroll, 用户输入事件 input函数防抖debounce：用户一直触发事件，事件处理函数是不会执行的，直到用户在指定的时间内不在触发该事件，则执行一次事件处理程序（防抖意味着事件处理程序只会执行性一次）函数节流 throttle：用户一直触发事件，事件处理函数会每间隔指定的时间后执行一次， 在指定的时间内不会反复执行；（节流意

正则表达式什么是正则表达式：regular expression js中RegExp类表示正则表达式 它是一个描述字符模式的对象正则作用：1.用来验证字符串是否符合规则2.从字符串中获取一部分符合规则的内容 1.通过new关键字来声明一个正则对象第一个参数：正则的主体， 字符串第二个参数 ：修饰符 字符串 i 不区分大小写 g 全局匹配 m 换行匹配2.通过字面量来赋值var str = /主体/修饰符;<script&gt

webpackwebpack 默认识别js文件， 可以使用 CommonJs （模块化开发）语法 ， 也可以使用 es6 （模块化开发）的语法安装npm init -ynpm i webpack webpack-cli --save-dev配置启动命令在package.json 文件的scripts 字段中配置启动命令（打包命令）, 配置一个开发环境，一个生产环境 "scripts": { "test": "echo \"Error: no test specified\" &amp

echarts和map地图基础

图形绘制canvas

websocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。websocket对象以下 API 用于创建 WebSocket 对象const ws = new WebSocket(url)websocket的事件

目录Proxy的作用get方法(设置)中四个参数的意义set方法(设置)中四个参数的意义Proxy的作用Proxy: 实现数据的拦截和响应 （可以实现数据的双向绑定）官方解释:Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”let person = { name:'tom', a

目录基本数据类型 Symbol声明一个Symbol类型数据遍历含有 Symbol 属性的遍历Symbol特有的遍历基本数据类型 Symbol目的： 就是为了扩展对象 （解决对象属性名冲突的问题）下面这个例子,我们不知道这里面输出的值每一个对应的是谁 var a = 100; var b = 100; console.log(a, b)//100 100声明一个Symbol类型数据let a = Symbol();let b = Symbo

目录安装nodejs然后我们去使用模块导出export导出普通模块导出默认模块模块的导入 import模块之间的关系安装nodejs下载官网:nodejs安装nodejs （简单操作就是 一路next (除了更改文件安装目录)）2. 测试 nodejs 安装是否成功2-1. 打开命令行窗口（cmd）(1) 在开始菜单 的搜索栏输入 cmd 直接回车(2) 在电脑的任何空白地方 ， 按着 shift键 + 鼠标右键 出现菜单 在此处打开命令行窗口2-2 在命令行窗口中输入命令测试输入

目录try-catch 语句：作用捕获异常语句js的错误类型：try-catch 语句：作用捕获异常语句执行流程：先执行try中的语句，如果有错误，就会将错误抛出，并且被catch捕获并去执行，这时候就会执行catch里的语句，而且不论try中有没有抛出和错误，finally语句都会去执行其中自己的代码块我们来看下常见的一些错误: console.log(a);//Uncaught ReferenceError(引用错误): a is not defined var b = 'hell

目录跨域同源策略：解决跨域的三种方法1.jsonp原理：2.cors3.代理正向代理JQuery发送ajax请求get请求post请求JQuery中Ajax请求跨域什么是跨域同源策略：同源策略是什么出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。当一个请求的ur

这里写目录标题闭包作用域什么是闭包闭包的作用闭包的缺点闭包中的this闭包作用域函数内部可以使用全局变量。函数外部不可以使用局部变量当函数执行完毕，本作用域内的局部变量会被销毁。函数分为两个阶段定义阶段会在堆内存中开辟一个新的空间，将函数中的代码作为字符串存储进去。并将这个新空间的地址返回给一个变量。调用阶段在执行空间中开辟一个新的空间，执行函数中的代码，声明新的变量，执行完代码后，该空间会被销毁，变量也会被销毁。什么是闭包有权访问另外一个函数作用域中的变量的函数。

这里写目录标题MySQL数据库介绍特点MySQL安装官网下载phpstudy集成环境mysql中几个概念数据导入数据库操作创建数据库查看所有的数据库修改数据库的编码格式删除数据库表操作创建表查看所有的表修改表名查看表的字段信息修改字段名修改字段名的类型添加字段删除字段删除表数据的操作添加数据修改数据删除数据单表查询条件查询AND ORIN高级查询聚合函数count()sum()avg()max()min()查询最大值排序分组查询分页查询函数别名多表查询左链接复合条件查询existsMySQL数据库介绍

这里写目录标题swiper网址:使用方法swiperswiper是一款免费，强大的滑动的插件。 使用步骤： 1.引入插件（可以使用网络地址，也可以下载到本地） 2.创建HTML结构 3.初始化swiper网址:https://swiper.com.cn使用方法点击中文教程–>使用方法然后解压注意:要有对应的html文档js文档...

AjaxAJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。(异步无刷新)例子:比如我给你空间说说点了个赞,直接就能看到效果,并没有刷新页面,就能通过Ajax结合dom操作做出来的...

目录构造函数1.什么是构造函数2.为什么要使用构造函数如何封装一个构造函数3.构造函数的执行过程4.构造函数的返回值5.与普通函数的区别5.1调用方式的不同5.2 返回值不同5.3 作用的不同原型对象对象的封装对象属性 __proto__构造函数1.什么是构造函数定义：在js中，使用new关键字来调用的函数，被称为构造函数。构造函数的作用：创建对象。2.为什么要使用构造函数假如需要创建多个类似的对象，我们会书写很多重复的无意义代码。此时我们使用构造函数，方便快捷的创建一个对象。如何封装一个构造

目录数组的扩展forEach遍历map方法Array.form()Array.of()copyWithin()find()和findIndex()keys(),values(),entries()配合for...of循环includes()includes方法与indexOf()方法的区别对象扩展方法Object.assign()浅拷贝深拷贝用在数组上数组的扩展forEach遍历//第一个参数为函数 //函数的第一个参数 是遍历的当前元素 //函数的第二个参数 当前元素的下标

目录1.函数参数的默认值作用域2.rest参数3.箭头函数3.1 定义3.2 语法3.3 其他写法3.4 箭头函数中this指向1.函数参数的默认值ES6之前，不能为函数的参数设置默认值，只能在代码中进行判断 //原来写法 function show(a, b) { if (typeof b === "undefined") { b = 0; } console.log(a, b);//1 0

目录1.什么是解构2.数组解构3.对象解构赋值数组本质也是特殊的对象，也可以对数组进行对象属性的解构。4.字符串解构5.函数参数的解构赋值6.用途6.1 交换变量的值6.2 从函数中返回多个值6.3 函数参数的定义(也叫传参)1.什么是解构ES6中，按照一定的模式，从数组或对象中提取值，对变量进行赋值。这个过程叫做解构赋值。2.数组解构const arr = ["诺手", "蝎子", "劫", "EZ", "女坦"]; let nuo = arr[0]; console.log(

这里写目录标题let关键字1.1 不存在变量提升.2 暂时性死区.3 不允许重复声明块级作用域.1 为什么需要块级作用域缺点1：内部变量可能会覆盖外层的变量缺点2：for循环中的计数变量泄露为全局变量。缺点2：for循环中的计数变量泄露为全局变量。.2 ES6块级作用域const声明1.基本用法1.2 必须初始化1.3 一般变量名大写1.4 也有块级作用域1.5 不存在变量提升1.6 不可重复声明1.7 对于数组和对象中的元素进行修改，不算对常量的改变1.ES6简介ECMA是一个标准 JavaScrip

什么是jQuery？jQuery是一个快速，小型且功能丰富的JavaScript库。通过易于使用的API（可在多种浏览器中使用），它使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。兼具多功能性和可扩展性，jQuery改变了数百万人编写JavaScript的方式。优点:1,提供了强大的功能函数2,解决浏览器的兼容性问题3,实现丰富的UI和插件4,纠正错误的脚本知识jQuery的下载和安装下载地址: https://jquery.com使用引入到页面中即可(注意

json字符串“abc123truelkgsjhgo” 普通字符串"<h1>hgahgo</h1>" html格式字符串键值对格式 键和值都需要用双引号去包括‘“name”:“yasuo”’json用途：在网络传输时使用。 比如前后端交互。不能够传输对象和数组的。只能通过字符串形式去传输数据。所以说我们如果要传输对象和数组，我们需要将其转换为字符串。json格式就是满足对象和数组数据结构的一种字符串json的使用方法JSON.parse()把json格式

事件对象对象可以看成 属性的集合 函数也是属性的一种。（属性和函数的集合）事件对象主要包含一些事件的信息。事件绑定：元素节点.on+事件类型 = 匿名函数；事件对象的产生：在事件绑定完成后，就自动生成了一个事件对象。事件绑定函数，因为不是在代码中直接调用函数，所以没有办法直接传参.浏览器会给咱们一个默认的参数，这个参数就是事件对象。获取事件对象：在标准浏览器中。直接在事件处理函数上定义一个形参。会在事件触发的时候，由浏览器自动传递实参。 IE低版本

这里写目录标题js事件键盘事件浏览器事件表单事件事件绑定方式监听事件解绑封装事件绑定js事件1.什么是事件一件事情发生了，对其进行处理或者响应。2. 事件的三要素事件源，事件类型，事件处理比如：点击右上角的X，页面关闭。 事件源：X，事件类型：点击 事件处理：页面关闭。谁引发的后续事件，谁就是事件源。事件源：DOM节点（一般为元素节点）事件类型事件处理 函数（代码块）事件类型：1.鼠标事件2.键盘事件3.浏览器事件4.表单事件1.鼠标事件click == 鼠标左键单击

创建节点元素节点：document.createElement(“标签名”);返回值：新的元素节点创建完成后，需要插入到页面中才能看到文本节点 document.createTextNode(内容);插入节点node.appendChild在父节点的最后添加一个新的子节点。node.insertBefore(新节点，参考节点)在父节点的参考节点前添加一个新的子节点。如果参考节点为null，则在父节点的最后添加新的子节点删除节点父节点.removeChild

DOM节点node 是节点的意思我们的页面是由节点组成的，每一个组成部分都是一个节点。节点的分类：元素节点 html标签 img body input div文本节点 文字部分 (空格，换行也算）属性节点 标签内的属性（比如id，class名是名不含里面的值）注释节点1.document页面中最大的节点，有且只有一个。不属于元素节点，是页面中所有节点的容器。 根节点。2.html页面中最大的元素节点。根元素节点。3.元素节点html标签等4.文本节点每一段文本内容都是一个文

目录定时器关闭定时器的方式：JavaScript 由三大部分组成定时器在js中定时器有两种1、setInterval()2、setTimeout()setInterval()格式：var 变量名 = setInterval(“执行的语句”,每隔多久执行一次);【注意】可以写执行的代码，也可以直接传入函数。返回值：启动定时器时，系统分配的编号关闭定时器的方式：1.关闭页面。（当我不写结束条件的时候）2.clearInterval();（下面有例子）【注意】 clearInterval函

这里写目录标题什么是dom获取节点的方式测试题-简答题什么是domDOM就是文档对象模型，什么是文档对象模型？这就需要好好说说了。HTML的文档document页面是一切的基础，没有它dom就无从谈起。当创建好一个页面并加载到浏览器时，DOM就悄然而生，它会把网页文档转换为一个文档对象，主要功能是处理网页内容。在这个文档对象里，所有的元素呈现出一种层次结构每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访

目录location对象： 里面存储了和网页地址所有内容有关的信息。navigator：获取浏览器客户端的一些信息。（没啥用)history:保存当前窗口的历史记录document.documentElement.scrollTop卷去的高度window.scroll滚动例子：自定义点击后滚动的速度，并且并且鼠标点击后停止滚动location对象： 里面存储了和网页地址所有内容有关的信息。https://baike.baidu.com/item/%E9%A9%AC%E4%BF%9D%E5%9B%BD/5

目录对象创建一个对象对象的分类基本类型与引用类型的区别Math对象（运算的方法）Date() 创建日期对象Date日期对象方法综合案例回顾：八大类型基础类型number（数值）string（字符串）boolean（布尔值）null（空）undefined（未定义）引用类型数组 array函数function对象Object对象对象是指一个具体的事物。万物皆对象。一个具体的事物一般都会有行为和特征。对象的行为------js对象的函数对象的特征------js对象的属性Jav

目录函数封装函数arguments是用来存储实参作用域递归函数作用：1.简化代码2.方便维护3.提高开发效率4.提高了代码的复用性，减少代码冗余格式： function 函数名（参数...）{ 函数执行的代码 }注意】函数先定义后调用分类：1.内置函数（官方提供的函数，系统自身拥有函数）弹出 alert();document.write();控制台 console.log();整数 parseInt

数组 array当我们需要处理一组数据时，一定性定义很多变量，比较难处理。这个时候我们就需要用到数组。概念：数组：一组数据的集合。其中每个数据被称为数组的元素。在数组中存放任意类型的数据。数组是将一组数据存储到单个变量名下的方式。数组声明三种声明：1.通过new关键字创建数组。2.省略new关键字创建数组3.字面量赋值【注】前两种方式，若传入参数只有一个，且为number时，这个数字表示声明的数组的长度，而不是存放的数据。数组的长度（长度从1开始数）arr.length数组的下标从

程序的三大流程语句顺序：从上往下执行选择：根据不同的情况，执行相应的操作循环：重复做一件事情1.顺序：最基本最简单的程序流程结构2.选择格式:if(条件表达式){//条件为true时，执行的代码}else{//条件为false时，执行的代码}【注】小括号中可以写任何表达式，但是推荐使用条件表达式。默认为双分支。else可以省略，省略之后变成单分支if判断，...

一元运算符一元运算符：只作用在一个运算元上的运算符叫做一元运算符。++ –a++先返回a的值，然后在对a进行+1运算。++a先对a进行+1运算 再返回a的值。a–先返回a的值，然后在对a进行-1运算。–a先对a进行-1运算 再返回a的值。【强调】++ – 会被变量进行数值的修改 var a = 10; // ++a a=a+1; //--a a=a-1; console.log(a-- + --a + a + --a + a

目录标题书写位置注释输出八大数据类型：number类型字符串特殊数值类型检测类型转换输入书写位置1.内嵌式使用的是Script标签，该标签可以写在html文档中的任何位置【强调】一般情况下，我们应该将其写在head标签中。2.外链式通过script标签的src属性，引入外部的js文件。3.常见错误写法： <script src="js/demo.js"> alert("看看能不能用"); </script>不要在同一个Script标签中