前端面试题总结

--------------不定期update

CSS部分：

1、布局：两列布局，一列固定，另一列自适应

2、BFC  清浮动

3: CSS居中的一系列问题：

水平居中：

行内元素：

块级元素：

 

JS部分：

1、原型、闭包（手写一个闭包）的原理

2、js继承的几种（原型链、构造函数、组合、寄生组合、extends）

3、原生ajax、fetch API

4、跨域：jsonp CORS

5、异步:回调，事件监听，发布订阅、Promise

 

框架：

angular：

因为平时用angular比较多，两次面试都面到了同一个问题，解释下双向绑定。总结如下：

1）什么是双向绑定，以及原理

所谓双向绑定，即UI的修改可以反映到数据，数据的改变能够实时展现到界面。UI反映到内存可以通过浏览器click change等，内存更新反映到UI的过程，ng是通过脏检查机制来保证的。

2）双向绑定有什么优点，主要和单向绑定对比

我们知道angular\vue都是双向绑定，React是单向绑定的，都是两者的特色。双向绑定只有在UI组件中用到比较多。

React 

Nodejs：

 

 

1、浏览器从输入URL到渲染出页面的过程发生了什么？

DNS：

2、http状态码 200 201 202 300 301 等

200：成功

201：添加成功

202：

 

Http request header有哪些

Host：

User-Agent：

Accept：

Accept-language：

Accept-encoding：

Content-Type：application/x-www-form-urlencoded; multipart/form-data

Connection:1.1 or 1.0

Keep-Alive:

Cookie:

Referer:

 

Http Response Header:

 

 

一个页面从输入URL到页面加载显示完成，经过了什么？？

1、查找DNS