400道前端面试题分享（阿里、今日头条等）

发表于 | 更新于 | 分类于

前端面试题分享

阿里

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
使用过的Koa2中间件

Koa-body原理

介绍自己写过的中间件

有没有涉及到Cluster

介绍Pm2

Master挂了的话Pm2怎么处理

如何和MySQL进行通信

React声明周期及自己的理解

如何配置React-Router

路由的动态加载模块

服务端渲染SSR

介绍路由的History

介绍Redux数据流的流程

Redux如何实现多个组件之间的通信，多个组件使用相同状态如何进行管理

多个组件之间如何拆分各自的State，每块小的组件有自己的状态，它们之间还有一些公共的状态需要维护，如何思考这块

使用过的Redux中间件

如何解决跨域的问题

常见Http请求头

移动端适配1px的问题

介绍Flex布局

其他CSS方式设置垂直居中

居中为什么要使用Transform（为什么不使用MarginLeft/Top）

使用过Webpack里面哪些Plugin和Loader

Webpack里面的插件是怎么实现的

Dev-Server是怎么跑起来

项目优化

抽取公共文件是怎么配置的

项目中如何处理安全问题

怎么实现this对象的深拷贝

网易

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
介绍Redux，主要解决什么问题

文件上传如何做断点续传

表单可以跨域吗

Promise、Async有什么区别

搜索请求如何处理（防抖）

搜索请求中文如何请求

介绍观察者模式

介绍中介者模式

观察者和订阅-发布的区别，各自用在哪里

介绍React优化

介绍Http2.0

通过什么做到并发请求

Hhttp1.1时如何复用Tcp连接

介绍Service Worker

介绍CSS3中Position:sticky

Redux请求中间件如何处理并发

介绍Promise，异常捕获

介绍position属性包括CSS3新增

浏览器事件流向

介绍事件代理以及优缺点

React组件中怎么做事件代理

React组件事件代理的原理

介绍This各种情况

前端怎么控制管理路由

使用路由时出现问题如何解决

React怎么做数据的检查和变化

滴滴

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
React-Router怎么实现路由切换

React-Router里的<Link>标签和<a>标签有什么区别

<a>标签默认事件禁掉之后做了什么才实现了跳转

React层面的性能优化

整个前端性能提升大致分几类

import { Button } from 'antd'，打包的时候只打包button，分模块加载，是怎么做到的

使用import时，Webpack对node_modules里的依赖会做什么

JS异步解决方案的发展历程以及优缺点

Http报文的请求会有几个部分

Cookie放哪里，Cookie能做的事情和存在的价值

Cookie和Token都存放在Header里面，为什么只劫持前者

Cookie和Session有哪些方面的区别

React中Dom结构发生变化后内部经历了哪些变化

React挂载的时候有3个组件，TextComponent、ComposeComponent、DomComponent，区别和关系，Dom结构发生变化时怎么区分Data的变化，怎么更新，更新怎么调度，如果更新的时候还有其他任务存在怎么处理

Key主要是解决哪一类的问题，为什么不建议用索引index（重绘）

Redux中异步的请求怎么处理

Redux中间件是什么东西，接受几个参数（两端的柯里化函数）

柯里化函数两端的参数具体是什么东西

中间件是怎么拿到Store和Action，然后怎么处理

State是怎么注入到组件的，从Reducer到组件经历了什么样的过程

Koa中response.send、Response.rounded、Response.json发生了什么事，浏览器为什么能识别到它是一个json结构或是html

Koa-bodyparser怎么来解析Request

Webpack整个生命周期，Loader和Plugin有什么区别

介绍AST（Abstract Syntax Tree）抽象语法树

安卓Activity之间数据是怎么传递的

安卓4.0到6.0过程中WebView对JS兼容性的变化

WebView和原生是如何通信

跨域怎么解决，有没有使用过Apache等方案

今日头条

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
对Async、Await的理解，内部原理

介绍下Promise，内部实现

清除浮动  

定位问题（绝对定位、相对定位等）

从输入URL到页面加载全过程

TCP3次握手

TCP属于哪一层（1 物理层 -> 2 数据链路层 -> 3 网络层(IP)-> 4 传输层(TCP) -> 5 应用层(Http)）

Redux的设计思想

接入Redux的过程

绑定Cconnect的过程

Cconnect原理

Webpack介绍

== 和 ===的区别，什么情况下用相等==

Bind、Call、Apply的区别

动画的了解

介绍下原型链（解决的是继承问题吗）

对跨域的了解

有赞

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
Linux 754 介绍

介绍冒泡排序，选择排序，冒泡排序如何优化

Transform动画和直接使用Left、Top改变位置有什么优缺点

如何判断链表是否有环

介绍二叉搜索树的特点

介绍暂时性死区

ES6中的Map和原生的对象有什么区别

观察者和发布-订阅的区别

React异步渲染的概念，介绍Time Slicing 和 Suspense

16.X声明周期的改变

16.X中Props改变后在哪个生命周期中处理

介绍纯函数

前端性能优化

PureComponent和FunctionComponent区别

介绍JSX

如何做RN在安卓和iOS端的适配

RN为什么能在原生中绘制成原生组件（bundle.js）

介绍虚拟DOM

如何设计一个localStorage，保证数据的实效性

如何设计Promise.all()

介绍高阶组件

sum(2, 3)实现sum(2)(3)的效果

react性能优化

两个对象如何比较

精彩文章推荐

💥 老司机必备——暗网网址最新版

💥 以牙还牙，以血还血，暗网之圣战分子的红房子

💥 史上最详细的暗网教程

💥 暗网交易市场

💥 洋葱浏览器手机版