一份详细前端面经汇总（持续更新）

HTML

canvas如何进行局部刷新(局部重绘)？

用js中的clearRect方法，x,y表示起始点，width表示宽度，height表示高度。

context.clearRect(x,y,width,height);

CSS

CSS选择器有哪些？

1. 相邻兄弟选择器： div+p { 样式 }，首先div与p的父亲相同，对于div下的第一个p设置样式。
2. 属性选择器：a[title] { 样式 }，对于所有具有title属性的a设置样式；a[href=“https://abc.com”] { 样式 }，对于所有符合href="https://abc.com"的a设置样式，针对大括号里表达式的不同匹配相应的a元素并设置样式。

position的属性值有哪些？分别有什么功能？

absolute relative的区别是什么 在文档流中？

JAVASCRIPT

let、const、var区别？

var关键字声明的变量最开始会被提升到当前作用域的首部，所以块作用域对它不起作用。
let关键字声明的变量不会被提升，所以在块作用域内，在块内声明的话块外就不起作用了。
const关键字声明变量时必须初始化，且不可被修改，作用域和let一样。

Array.map(function(){}) .some(func) .every(func) .forEach(func)区别？

共同点是不会对原数组发生修改，要用新的变量接收。
.map是对数组元素进行迭代，返回值是数组，有点像对每个元素进行计算属性的处理，得到一个新的值，最后得到的数组中所有数据都是经过括号里面函数处理过的。
.forEach也是对数组元素进行迭代，但它没有返回值，就像for循环一样，括号里的func写对数组元素的操作。
.some的括号里一般是一个判断条件，返回值是Boolean类型，这个数组里是否有部分数据满足括号里的判断条件。
.every的括号里也是一个判断条件，返回值也是Boolean类型，这个数组里是否全部元素都满足括号里的判断条件。

const声明了数组，还能push元素吗，为什么？

<