CSS标准文档流与脱离文档流，爆推

面试题：

Html

1，html语义化

2，meta viewport相关

3，canvas 相关

CSS

1，盒模型

1.1，ie盒模型算上border、padding及自身（不算margin），标准的只算上自身窗体的大小 css设置方法

1.2，几种获得宽高的方式

1.3，拓展 各种获得宽高的方式

1.4，边距重叠解决方案(BFC) BFC原理

2，css reset 和 normalize.css 有什么区别

3，居中方法

3.1，水平方向上

3.2，垂直居中

3.3，垂直水平居中根据上方结合

4，css优先级确定

5，如何清除浮动

6，自适应布局

7，画三角形

8，link @import导入css

9，animation

10，长宽比方案

11，display相关

JavaScript

1， [“1”, “2”, “3”].map(parseInt)

2， [[3,2,1].reduce(Math.pow), [].reduce(Math.pow)]

4， [typeof null, null instanceof Object]

5， js数据类型

6，promise 用法

7，es6 promise ajax

8，闭包

9，什么是立即执行函数？使用立即执行函数的目的是什么？

10，async/await 语法

11，深浅拷贝

12，数组去重

13，正则实现trim()功能

14，JS原型

15，es6 class

16，JS 如何实现继承

17，手写jquery插件

18，数组合并去重排序

19，call apply

20，for 中setTimeOut

21，sort函数

22，navigator

23，jquery绑定方式

24，事件流向

25，原生操作class

![](https://upload-images.jianshu.io/upload_images/25341256-6c50b09a5f6d8c9

戳这里领取完整开源项目：【一线大厂前端面试题解析+核心总结学习笔记+Web真实项目实战+最新讲解视频】

4.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

DOM

1，dom事件模型,

2，移动端触摸事件

3，事件委托

HTTP

1，常见状态码

2，缓存

3，Cache-Control 和 Etag 的区别

4，Cookie sessionStorage localStorage

5，GET POST区别,

6，请求行，请求头，请求体详解

7，跨域、JSONP 、CORS、postMessage

8，osi模型

9，http2.0 http1

Vue

1，生命周期顺序

2，组件通信

3，Vuex

4，VueRouter,

5，Vue双向绑定

6，computed watch methods

算法

1，各种排序实现

2，二分查找

3，二叉树相关

网络安全相关

1，XSS CSRF

webpack相关

1，打包体积 优化思路

2，Loader

3，plugins

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-jlAPhtSs-1709662074098)]

[外链图片转存中…(img-qEtj9vGO-1709662074098)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】