阿里网易等19家互联网公司前端面试题汇总
Posted 十九万里
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了阿里网易等19家互联网公司前端面试题汇总相关的知识，希望对你有一定的参考价值。
1、阿里前端（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对象的深拷⻉
2、网易前端（26问）
- 介绍redux，主要解决什么问题
- ⽂件上传如何做断点续传
- 表单可以跨域吗
- promise、async有什么区别
- 搜索请求如何处理（防抖）
- 搜索请求中⽂如何请求
- 介绍观察者模式
- 介绍中介者模式
- 观察者和订阅-发布的区别，各⾃⽤在哪⾥
- 介绍react优化
- 介绍http2.0
- 通过什么做到并发请求
- http1.1时如何复⽤tcp连接
- 介绍service worker
- 介绍css3中position:sticky
- redux请求中间件如何处理并发
- 介绍Promise，异常捕获
- 介绍position属性包括CSS3新增
- 浏览器事件流向
- 介绍事件代理以及优缺点
- React组件中怎么做事件代理
- React组件事件代理的原理
- 介绍this各种情况
- 前端怎么控制管理路由
- 使⽤路由时出现问题如何解决
- React怎么做数据的检查和变化
3、滴滴（28问）
- react-router怎么实现路由切换
- react-router⾥的标签和标签有什么区别
- 标签默认事件禁掉之后做了什么才实现了跳转
- 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等⽅案
4、 今日头条（17问）
- 对async、await的理解，内部原理
- 介绍下Promise，内部实现
- 清除浮动
- 定位问题（绝对定位、相对定位等）
- 从输⼊URL到⻚⾯加载全过程
- tcp3次握⼿
- tcp属于哪⼀层（1 物理层 -> 2 数据链路层 -> 3 ⽹络层(ip)-> 4 传输层
(tcp) -> 5 应⽤层(http)） - redux的设计思想
- 接⼊redux的过程
- 绑定connect的过程
- connect原理
- webpack介绍
- == 和 =的区别，什么情况下⽤相等
- bind、call、apply的区别
- 动画的了解
- 介绍下原型链（解决的是继承问题吗）
- 对跨域的了解
5、有赞（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性能优化
- 两个对象如何⽐较
6、挖财（24问）
- JS的原型
- 变量作⽤域链
- call、apply、bind的区别
- 防抖和节流的区别
- 介绍各种异步⽅案
- react⽣命周期
- 介绍Fiber
- 前端性能优化
- 介绍DOM树对⽐
- react中的key的作⽤
- 如何设计状态树
- 介绍css，xsrf
- http缓存控制
- 项⽬中如何应⽤数据结构
- native提供了什么能⼒给RN
- 如何做⼯程上的优化
- shouldComponentUpdate是为了解决什么问题
- 如何解决props层级过深的问题
- 前端怎么做单元测试
- webpack⽣命周期
- webpack打包的整个过程
- 常⽤的plugins
- pm2怎么做进程管理，进程挂掉怎么处理
- 不⽤pm2怎么做进程管理
7、 沪江（23问）
- 介绍下浏览器跨域
- 怎么去解决跨域问题
- jsonp⽅案需要服务端怎么配合
- Ajax发⽣跨域要设置什么（前端）
- 加上CORS之后从发起到请求正式成功的过程
- xsrf跨域攻击的安全性问题怎么防范
- 使⽤Async会注意哪些东⻄
- Async⾥⾯有多个await请求，可以怎么优化（请求是否有依赖）
- Promise和Async处理失败的时候有什么区别
- Redux在状态管理⽅⾯解决了React本身不能解决的问题
- Redux有没有做过封装
- react⽣命周期，常⽤的⽣命周期
- 对应的⽣命周期做什么事
- 遇到性能问题⼀般在哪个⽣命周期⾥解决
- 怎么做性能优化（异步加载组件…）
- 写react有哪些细节可以优化
- React的事件机制（绑定⼀个事件到⼀个组件上）
- 介绍下事件代理，主要解决什么问题
- 前端开发中⽤到哪些设计模式
- React/Redux中哪些功能⽤到了哪些设计模式
- JS变量类型分为⼏种，区别是什么
- JS⾥垃圾回收机制是什么，常⽤的是哪种，怎么处理的
- ⼀般怎么组织CSS（Webpack）
8、饿了么（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标签就跟着变化，
如何处理 - 监听inp
9、携程（18问）
- ⼿写两道算法题
- 对React看法，有没有遇到⼀些坑
- 对闭包的看法，为什么要⽤闭包
- ⼿写数组去重函数
- ⼿写数组扁平化函数
- 介绍下Promise的⽤途和性质
- Promise和Callback有什么区别
- React⽣命周期
10、喜马拉雅（30问）
- ⼿写两道算法题
- 对React看法，有没有遇到⼀些坑
- 对闭包的看法，为什么要⽤闭包
- ⼿写数组去重函数
- ⼿写数组扁平化函数
- 介绍下Promise的⽤途和性质
- Promise和Callback有什么区别
- React⽣命周期
11、兑吧（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整个流程原理
- 介绍原型链
12、微医（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对象）
13、寺库（20问）
- 介绍Promise的特性，优缺点
- 介绍Redux
- RN的原理，为什么可以同时在安卓和IOS端运⾏
- RN如何调⽤原⽣的⼀些功能
- 介绍RN的缺点
- 介绍排序算法和快排原理
- 堆和栈的区别
- 介绍闭包
- 闭包的核⼼是什么
- ⽹络的五层模型
- HTTP和HTTPS的区别
- HTTPS的加密过程
- 介绍SSL和TLS
- 介绍DNS解析
- JS的继承⽅法
- 介绍垃圾回收
- cookie的引⽤为了解决什么问题
- cookie和localStorage的区别
- 如何解决跨域问题
- 前端性能优化
14、宝宝树（15问）
- 使⽤canvas绘图时如何组织成通⽤组件
- formData和原⽣的ajax有什么区别
- 介绍下表单提交，和formData有什么关系
- 介绍redux接⼊流程
- rudux和全局管理有什么区别（数据可控、数据响应）
- RN和原⽣通信
- 介绍MVP怎么组织
- 介绍异步⽅案
- promise如何实现then处理
- koa2中间件原理
- 常⽤的中间件
- 服务端怎么做统⼀的状态处理
- 如何对相对路径引⽤进⾏优化
- node⽂件查找优先级
- npm2和npm3+有什么区别
15、海康威视（15问）
- knex连接数据库响应回调
- 介绍异步⽅案
- 如何处理异常捕获
- 项⽬如何管理模块
- 前端性能优化
- JS继承⽅案
- 如何判断⼀个变量是不是数组
- 变量a和b，如何交换
- 事件委托
- 标签⽣成的Dom结构是⼀个类数组
- 类数组和数组的区别
- dom的类数组如何转成数组
- 介绍单⻚⾯应⽤和多⻚⾯应⽤
- redux状态树的管理
- 介绍localstorage的API
16、蘑菇街（15问）
- html语义化的理解
- 和的区别
- 对闭包的理解
- ⼯程中闭包使⽤场景
- 介绍this和原型
- 使⽤原型最⼤的好处
- react设计思路
- 为什么虚拟DOM⽐真实DOM性能好
- react常⻅的通信⽅式
- redux整体的⼯作流程
- redux和全局对象之间的区别
- Redux数据回溯设计思路
- 单例、⼯⼚、观察者项⽬中实际场景
- 项⽬中树的使⽤场景以及了解
- ⼯作收获
17、酷家乐（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有什么区别
18、百分点（14问）
- React15/16.x的区别
- 重新渲染render会做些什么
- 哪些⽅法会触发react重新渲染
- state和props触发更新的⽣命周期分别有什么区别
- setState是同步还是异步
- 对⽆状态组件的理解
- 介绍Redux⼯作流程
- 介绍ES6的功能
- let、const以及var的区别
- 浅拷⻉和深拷⻉的区别
- 介绍箭头函数的this
- 介绍Promise和then
- 介绍快速排序
- 算法：前K个最⼤的元素
19、海峰教育（14问）
- 对react看法，它的优缺点
- 使⽤过程中遇到的问题，如何解决的
- react的理念是什么（拿函数式编程来做⻚⾯渲染）
- JS是什么范式语⾔(⾯向对象还是函数式编程)
- koa原理，为什么要⽤koa(express和koa对⽐)
- 使⽤的koa中间件
- ES6使⽤的语法
- Promise 和 async/await 和 callback的区别
- Promise有没有解决异步的问题（promise链是真正强⼤的地⽅）
- Promise和setTimeout的区别（Event Loop）
- 进程和线程的区别（⼀个node实例就是⼀个进程，node是单线程，通过
事件循环来实现异步 - 介绍下DFS深度优先
- 介绍下观察者模式
- 观察者模式⾥⾯使⽤的数据结构(不具备顺序 ，是⼀个list)
以上是关于阿里网易等19家互联网公司前端面试题汇总的主要内容，如果未能解决你的问题，请参考以下文章