前端面试题

前端开发，常见的html相关答案，会不定时更新，供自己和大家看，希望大家多多关注，早日找到心仪的工作。

position最常用的值有： 1、static静态定位：HTML元素的默认值，不受top、bottom、left、right属性影响，元素占用文档流 2、Relative相对定位：不脱离文档流的布局

一、新增箭头函数 箭头函数解决的问题 简化了写法。箭头函数适用于函数体只有一行的情况；当有多行时，可用普通函数增加可读性。 少打代码，结构清晰 明确了this。传统JS的this是在运行的时候确定的，

defineProperty 的缺点: 他无法发现对象中新增和被删除的属性：当你给一个对象添加一个新的属性时，这个新增的属性没有被添加到 Vue 的数据更新侦查机制里。vue.set 可以让 Vue

vue3.0 的发布与 vue2.0 相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松； 3.0安装脚手架同时提前安装好一些项开发必备的插件，同时提供了可视化创建脚手架。 益于 

foreach(callbackFN,thisArg) map(callbackFN,thisArg) filter(callbackFN,thisArg) reduce() 应用： 区别： 1.fo

ajax：异步javascript和XML，是指一种创建交互式网页应用的网页开发技术。创建xmlhttprequest对象

能够把异步返回的成功或者失败和相对应的处理程序关联起来，这样试异步方法可以向同步方法那样返回值：异步方法不会立即返回最终的值，而是返回一个promise，以便在未来某个时候把值交给使用者。

CSS没有变量、函数、SCOPE（作用域） less、sass： 增加了规则、变量、混入、选择器、继承 .sass文件对代码的排版有着非常严格的要求，而且没有大括号，没有分号； SASS技术的文件的后

``` charAt()：返回在指定位置的字符。 charCodeAt()：返回在指定的位置的字符的 Unicode 编码。 concat()：连接字符串。 indexOf()：检索字符串。 last

继承就是子类继承父类的特征和行为，使得子类对象（实例）具有父类的属性和方法，或子类从父类继承方法，使得子类具有父类相同的行为 1.1语法 例如： 子类继承了父类的属性和方法。 1.2 子类使用supe

箭头函数没有this,使用上一层作用域的this 箭头函数没有arguments，使用上一层的arguments，每一个普通函数调用后都具有一个arguments 对象，用来存储实际传递的参数。但是箭

1.cookie cookie自身有一个过期属性，并且在每次的通信过程中会传送向服务端。 2.localStorage、sessionStorage localStorage：永久储存，除非手动删除就

共同点： 都是保存在浏览器端的，且同源的。 区别： 1.cookie数据始终携带在同源的http请求中，即cookie在浏览器和服务器间来回传递，而sessionStorage和Localstorag

let声明的范围是块作用域，var声明的范围是函数作用域 var声明的变量存在“变量提升”，而let不存在“变量提升”。 使用let在全局作用域中声明的变量不会成为window对象的属性(var声明的

相同点： 都改变this指向,不会修改原先函数的this指向； 第一个参数都是this要指向的对象； 都可以利用后续参数传参； 不同点： call和bind的参数是依次传参，--对应的；apply只有

``` function findMost(arr) { if (!arr.length) return if (arr.length === 1) return 1 let res = {} let

防抖和节流都是防止短时间内高频繁调用同一接口的方法。 防抖： 设置延迟器，短时间高频率触发只有最后一次触发成功。(输入框搜索，输入完内容两秒后请求搜索); 节流： 设置状态锁，短时间高频率触发只有第一

定义： 在一个函数内部的函数，可以使用其他函数的变量。 闭包是一种保护私有变量的机制，函数执行时形成私有作用域，保护私有变量不受外界影响。 外部函数调用之后其变量对象本应该被销毁，但闭包的存在使我们仍

mutations在数据请求的时候是同步的，actions是异步的 action的功能和mutation是类似的，都是去变更store里的state，下面有两点不同： action主要处理的是异步的操