面试题 - Blog

面试题

阿里 29 问

使⽤过的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对象的深拷⻉

网易26问

介绍redux，主要解决什么问题
⽂件上传如何做断点续传
表单可以跨域吗
promise、async有什么区别
搜索请求如何处理（防抖）
搜索请求中⽂如何请求
介绍观察者模式
介绍中介者模式
观察者和订阅-发布的区别，各⾃⽤在哪⾥
介绍react优化
介绍http2.0
通过什么做到并发请求
http1.1时如何复⽤tcp连接
介绍service worker
介绍css3中position:sticky
redux请求中间件如何处理并发
介绍Promise，异常捕获
介绍position属性包括CSS3新增
浏览器事件流向
介绍事件代理以及优缺点
React组件中怎么做事件代理
React组件事件代理的原理
介绍this各种情况
前端怎么控制管理路由
使⽤路由时出现问题如何解决
React怎么做数据的检查和变化

滴滴 28 问

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等⽅案

头条 17 问

对async、await的理解，内部原理
介绍下Promise，内部实现
清除浮动
定位问题（绝对定位、相对定位等）
从输⼊URL到⻚⾯加载全过程
tcp3次握⼿
tcp属于哪⼀层（1 物理层 -> 2 数据链路层 -> 3 ⽹络层(ip)-> 4 传输层
(tcp) -> 5 应⽤层(http)）
redux的设计思想
接⼊redux的过程
绑定connect的过程
connect原理
webpack介绍
== 和 ===的区别，什么情况下⽤相等==
bind、call、apply的区别
动画的了解
介绍下原型链（解决的是继承问题吗）
对跨域的了解

有赞 24 问

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性能优化
两个对象如何⽐较

挖财 24 问

JS的原型
变量作⽤域链
call、apply、bind的区别
防抖和节流的区别
介绍各种异步⽅案
react⽣命周期
介绍Fiber
前端性能优化
介绍DOM树对⽐
react中的key的作⽤
如何设计状态树
介绍css，xsrf
http缓存控制
项⽬中如何应⽤数据结构
native提供了什么能⼒给RN
如何做⼯程上的优化
shouldComponentUpdate是为了解决什么问题
如何解决props层级过深的问题
前端怎么做单元测试
webpack⽣命周期
webpack打包的整个过程
常⽤的plugins
pm2怎么做进程管理，进程挂掉怎么处理
不⽤pm2怎么做进程管理

沪江 24 问

介绍下浏览器跨域
怎么去解决跨域问题
jsonp⽅案需要服务端怎么配合
Ajax发⽣跨域要设置什么（前端）
加上CORS之后从发起到请求正式成功的过程
xsrf跨域攻击的安全性问题怎么防范
使⽤Async会注意哪些东⻄
Async⾥⾯有多个await请求，可以怎么优化（请求是否有依赖）
Promise和Async处理失败的时候有什么区别
Redux在状态管理⽅⾯解决了React本身不能解决的问题
Redux有没有做过封装
react⽣命周期，常⽤的⽣命周期
对应的⽣命周期做什么事
遇到性能问题⼀般在哪个⽣命周期⾥解决
怎么做性能优化（异步加载组件…）
写react有哪些细节可以优化
React的事件机制（绑定⼀个事件到⼀个组件上）
介绍下事件代理，主要解决什么问题
前端开发中⽤到哪些设计模式
React/Redux中哪些功能⽤到了哪些设计模式
JS变量类型分为⼏种，区别是什么
JS⾥垃圾回收机制是什么，常⽤的是哪种，怎么处理的
⼀般怎么组织CSS（Webpack）

饿了么 25 问

⼩程序⾥⾯开⻚⾯最多多少
React⼦⽗组件之间如何传值
Emit事件怎么发，需要引⼊什么
介绍下React⾼阶组件，和普通组件有什么区别
⼀个对象数组，每个⼦对象包含⼀个id和name，React如何渲染出全部的
name
在哪个⽣命周期⾥写
其中有⼏个name不存在，通过异步接⼝获取，如何做
渲染的时候key给什么值，可以使⽤index吗，⽤id好还是index好
a. webpack如何配sass，需要配哪些loader
b. 配css需要哪些loader
如何配置把js、css、html单独打包成⼀个⽂件
div垂直⽔平居中（flex、绝对定位）
两个元素块，⼀左⼀右，中间相距10像素
上下固定，中间滚动布局如何实现
[1, 2, 3, 4, 5]变成[1, 2, 3, a, b, 5]
取数组的最⼤值（ES5、ES6）
apply和call的区别
ES5和ES6有什么区别
some、every、find、filter、map、forEach有什么区别
上述数组随机取数，每次返回的值都不⼀样
如何找0-5的随机数，95-99呢
⻚⾯上有1万个button如何绑定事件
如何判断是button
⻚⾯上⽣成⼀万个button，并且绑定事件，如何做（JS原⽣操作DOM）
循环绑定时的index是多少，为什么，怎么解决
⻚⾯上有⼀个input，还有⼀个p标签，改变input后p标签就跟着变化，
如何处理
监听input的哪个事件，在什么时候触发

携程 8 问

⼿写两道算法题
对React看法，有没有遇到⼀些坑
对闭包的看法，为什么要⽤闭包
⼿写数组去重函数
⼿写数组扁平化函数
介绍下Promise的⽤途和性质
Promise和Callback有什么区别
React⽣命周期

喜马拉雅 30 问

ES6新的特性
介绍Promise
Promise有⼏个状态
说⼀下闭包
React的⽣命周期
componentWillReceiveProps的触发条件是什么
React16.3对⽣命周期的改变
介绍下React的Filber架构
画Filber渲染树
介绍React⾼阶组件
⽗⼦组件之间如何通信
Redux怎么实现属性传递，介绍下原理
React-Router版本号
⽹站SEO怎么处理
介绍下HTTP状态码
403、301、302是什么
缓存相关的HTTP请求头
介绍HTTPS
HTTPS怎么建⽴安全通道
前端性能优化（JS原⽣和React）
⽤户体验做过什么优化
对PWA有什么了解
对安全有什么了解
介绍下数字签名的原理
前后端通信使⽤什么⽅案
RESTful常⽤的Method
介绍下跨域
Access-Control-Allow-Origin在服务端哪⾥配置
csrf跨站攻击怎么解决
前端和后端怎么联调

兑吧 33 问

localStorage和cookie有什么区别
CSS选择器有哪些
盒⼦模型，以及标准情况和IE下的区别
如何实现⾼度⾃适应
prototype和——proto——区别
_construct是什么
new是怎么实现的
promise的精髓，以及优缺点
如何实现H5⼿机端的适配
rem、flex的区别（root em）
em和px的区别
React声明周期
如何去除url中的#号
Redux状态管理器和变量挂载到window中有什么区别
webpack和gulp的优缺点
如何实现异步加载
如何实现分模块打包（多⼊⼝）
前端性能优化（1js css；2 图⽚；3 缓存预加载； 4 SSR； 5 多域名加
载；6 负载均衡）
并发请求资源数上限（6个）
base64为什么能提升性能，缺点
介绍webp这个图⽚⽂件格式
介绍koa2
Promise如何实现的
异步请求，低版本fetch如何低版本适配
ajax如何处理跨域
CORS如何设置
jsonp为什么不⽀持post⽅法
介绍同源策略
React使⽤过的⼀些组件
介绍Immuable
介绍下redux整个流程原理
介绍原型链
如何继承

微医 40 问

介绍JS数据类型，基本数据类型和引⽤数据类型的区别
Array是Object类型吗
数据类型分别存在哪⾥
a. var a = {name: “前端开发”}; var b = a; a = null那么b
输出什么
b. var a = {b: 1}存放在哪⾥
c. var a = {b: {c: 1}}存放在哪⾥
栈和堆的区别
垃圾回收时栈和堆的区别
数组⾥⾯有10万个数据，取第⼀个元素和第10万个元素的时间相差多少
栈和堆具体怎么存储
介绍闭包以及闭包为什么没清除
闭包的使⽤场景
JS怎么实现异步
异步整个执⾏周期
Promise的三种状态
Async/Await怎么实现
Promise和setTimeout执⾏先后的区别
JS为什么要区分微任务和宏任务
Promise构造函数是同步还是异步执⾏，then呢
发布-订阅和观察者模式的区别
JS执⾏过程中分为哪些阶段
词法作⽤域和this的区别
平常是怎么做继承
深拷⻉和浅拷⻉
loadsh深拷⻉实现原理
ES6中let块作⽤域是怎么实现的
React中setState后发⽣了什么
a. setState为什么默认是异步
b. setState什么时候是同步的
为什么3⼤框架出现以后就出现很多native（RN）框架（虚拟DOM）
虚拟DOM主要做了什么
虚拟DOM本身是什么（JS对象）
304是什么
打包时Hash码是怎么⽣成的
随机值存在⼀样的情况，如何避免
使⽤webpack构建时有⽆做⼀些⾃定义操作
webpack做了什么
a，b两个按钮，点击aba，返回顺序可能是baa，如何保证是
aba（Promise.then）
a. node接⼝转发有⽆做什么优化
b. node起服务如何保证稳定性，平缓降级，重启等
RN有没有做热加载
RN遇到的兼容性问题
RN如何实现⼀个原⽣的组件
RN混原⽣和原⽣混RN有什么不同
什么是单⻚项⽬
遇到的复杂业务场景
Promise.all实现原理

寺库 20 问

介绍Promise的特性，优缺点
介绍Redux
RN的原理，为什么可以同时在安卓和IOS端运⾏
RN如何调⽤原⽣的⼀些功能
介绍RN的缺点
介绍排序算法和快排原理
堆和栈的区别
介绍闭包
闭包的核⼼是什么
⽹络的五层模型
HTTP和HTTPS的区别
HTTPS的加密过程
介绍SSL和TLS
介绍DNS解析
JS的继承⽅法
介绍垃圾回收
cookie的引⽤为了解决什么问题
cookie和localStorage的区别
如何解决跨域问题
前端性能优化

宝宝树 15 问

使⽤canvas绘图时如何组织成通⽤组件
formData和原⽣的ajax有什么区别
介绍下表单提交，和formData有什么关系
介绍redux接⼊流程
rudux和全局管理有什么区别（数据可控、数据响应）
RN和原⽣通信
介绍MVP怎么组织
介绍异步⽅案
promise如何实现then处理
koa2中间件原理
常⽤的中间件
服务端怎么做统⼀的状态处理
如何对相对路径引⽤进⾏优化
node⽂件查找优先级
npm2和npm3+有什么区别

海康威视 15 问

knex连接数据库响应回调
介绍异步⽅案
如何处理异常捕获
项⽬如何管理模块
前端性能优化
JS继承⽅案
如何判断⼀个变量是不是数组
变量a和b，如何交换
事件委托
标签⽣成的Dom结构是⼀个类数组
类数组和数组的区别
dom的类数组如何转成数组
介绍单⻚⾯应⽤和多⻚⾯应⽤
redux状态树的管理
介绍localstorage的API

蘑菇街 15 问

html语义化的理解
<b> 和 <strong> 的区别
对闭包的理解
⼯程中闭包使⽤场景
介绍this和原型
使⽤原型最⼤的好处
react设计思路
为什么虚拟DOM⽐真实DOM性能好
react常⻅的通信⽅式
redux整体的⼯作流程
redux和全局对象之间的区别
Redux数据回溯设计思路
单例、⼯⼚、观察者项⽬中实际场景
项⽬中树的使⽤场景以及了解
⼯作收获

酷家乐 21 问

react⽣命周期
react性能优化
添加原⽣事件不移除为什么会内存泄露
还有哪些地⽅会内存泄露
setInterval需要注意的点
定时器为什么是不精确的
setTimeout(1)和setTimeout(2)之间的区别
介绍宏任务和微任务
promise⾥⾯和then⾥⾯执⾏有什么区别
介绍pureComponet
介绍Function Component
React数据流
props和state的区别
介绍react context
介绍class和ES5的类以及区别
介绍箭头函数和普通函数的区别
介绍defineProperty⽅法，什么时候需要⽤到
for..in 和 object.keys的区别
介绍闭包，使⽤场景
使⽤闭包特权函数的使⽤场景
get和post有什么区别

百分点 14 问

React15/16.x的区别
重新渲染render会做些什么
哪些⽅法会触发react重新渲染
state和props触发更新的⽣命周期分别有什么区别
setState是同步还是异步
对⽆状态组件的理解
介绍Redux⼯作流程
介绍ES6的功能
let、const以及var的区别
浅拷⻉和深拷⻉的区别
介绍箭头函数的this
介绍Promise和then
介绍快速排序
算法：前K个最⼤的元素

海风教育 14 问

对react看法，它的优缺点
使⽤过程中遇到的问题，如何解决的
react的理念是什么（拿函数式编程来做⻚⾯渲染）
JS是什么范式语⾔(⾯向对象还是函数式编程)
koa原理，为什么要⽤koa(express和koa对⽐)
使⽤的koa中间件
ES6使⽤的语法
Promise 和 async/await 和 callback的区别
Promise有没有解决异步的问题（promise链是真正强⼤的地⽅）
Promise和setTimeout的区别（Event Loop）
进程和线程的区别（⼀个node实例就是⼀个进程，node是单线程，通过
事件循环来实现异步
介绍下DFS深度优先
介绍下观察者模式
观察者模式⾥⾯使⽤的数据结构(不具备顺序，是⼀个list)

面试路线

项目流程

原链接可点击这里