【截图】常见前端面试题

（6）固定宽高的父级 display：table-cell 子级inline-block

3.盒模型标准

content、padding、border、margin

标准盒模型（content-box）、ie怪异盒模型（border-box）、flex弹性伸缩盒模型、column多列盒模型

怪异盒模型的好处，固定到border控制宽高，不用重新计算padding和border

flex详见阮一峰的flex布局

多列布局

4.几大经典布局

–左右固定、中间自适应

圣杯布局

双飞翼

使用calc

使用flex

定位实现

–移动端响应式布局

*媒体查询（一套）

*rem（应用于两套 中的移动端）

flex

vh/vw

day 02 js

---

1.对象深浅拷贝

JSON.parse(JSON.stringify(obj))不能对函数、正则、时间对象、数字对象的时候会不好用

最佳递归实现（这个没搞function），自己加一下用instanceof即可,建议统一用Object.prototype.toString.call

2.堆栈内存+闭包作用域

堆：存储引用类型值的空间

栈：存储基本类型值和指定代码的环境

答案：培训，对象的key数字和字符串等效

答案：珠峰，Symbol的特点，都是唯一的

答案：培训，key会转化成字符串[Obejct object]

答案：‘4’，alert弹出的会转化成字符串

答案：‘1’ ‘4’

3.一道面向对象面试题

4.EventLoop

同步异步、宏任务微任务

5.使下面输出1

var a={

toString = function*(){

yield 1;

yield 2;

yield 3;

}

}

a.toString

会转换，规则：

对象==字符串 对象.toString

null==undefined 相等 但是和其他值不相等

NaN！=NaN

剩下的都转换成数字

数据劫持

数组弹出

day03 React常见

---

1.react双向绑定

2.跨域问题

因为同源策略，采用前后端分离

Jsonp

只能get，不安全、有缓存、大小限制

iframe

• window.name

• document.domin

• location.hash

• post message

CORS-服务端配置

http Proxy

webpack添加proxy

nginx反向代理

在build之后proxy不可以用，要服务器端nginx反向代理

3.组件中通信

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

process=image/format,png)

http Proxy

webpack添加proxy

nginx反向代理

在build之后proxy不可以用，要服务器端nginx反向代理

3.组件中通信

react和vue的比较

相同
1）vitual dom
2）组件化
3）props，单一数据流

不同点
1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作）
2）状态管理（react）
3）对象属性（vue）
4）vue：view——medol之间双向绑定
5）vue：组件之间的通信（props，callback，emit）

[外链图片转存中…(img-0Z2KKNHO-1719236336353)]