前端面试题

html面试题

html5新特性
canvas,语义化标签，媒体播放，增强表单控件（calendar、date、time、email、url、search）
本地存储（localStorage，sessionStorage），拖拽（drag），

cookies,sessionStorage,localStorage 的区别

如何实现浏览器内多个标签页之间的通信

src与herf的区别

CSS相关面试题

1.请你讲一讲 CSS 的权重和优先级
2.介绍 Flex 布局，flex 是什么属性的缩写：
3.CSS 怎么画一个大小为父元素宽度一半的正方形？
4.CSS实现自适应正方形、等宽高比矩形
5.实现两栏布局的方式
6.实现三列布局的方式

JS相关面试题

1.0.1 + 0.2 === 0.3 吗？为什么？
2.JS 有哪些数据类型？
number，string，boolean，null，undefined，array，object，function，symboll（es6），bigint
检测：typeof（nul/和Array结果都为object），instanceof（只能检测Array、object、function），Object.prototype.toString.call（全能）
3.JS 整数是怎么表示的？
4.写代码：实现函数能够深度克隆基本类型
5.什么是浅拷贝和深拷贝
对基本类型变量，浅拷贝是对值的拷贝，没有深拷贝的概念。
对引用类型来说，浅拷贝是对对象地址的拷贝，并没有开辟新的栈，复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，另外一个对象的属性也会改变， 而深拷贝则是开辟新的栈。
7.null和undefined的区别
null: Null类型,代表一个空值,也代表一个空对象指针,表示将来可能被指向某一个对象,使用typeof运算得到 “object”，所以你可以认为它是一个特殊的对象值。
undefined: Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。（未定义）
8.你了解promise吗？
promise是用来处理异步的一种解决方案，它来自es6。
参数状态：通过new Promise使用，他有三个状态，pending（初始化），fulfilled（成功），rejected（失败）。成功就调用resolve()来变成fulfilled状态，失败则调用rejected()来变成rejected状态。
有哪些api：.then() .catch() .all() .race()
成功走.then 异常走catch，.then可以链式调用；
.all和.race的区别？
.all 代表 所有的都为成功状态则走.then，否则就是catch
.race一旦参数内有一个值的状态发生的改变，那么该Promise的状态就是改变的状态。就跟race单词的字面意思一样，谁跑的快谁赢