2018年各大互联网前端面试题四（美团）

三月份有很多朋友辞职跳槽，也遇到了许许多多的面试题，在交流群里和网站上总结了一些常见的面试题，细细分析，其实基本都是万变不离其宗，所有的问题都是从某一技术点的基础出发，综合考量，如果懂得了这项技术的原理所在，题目答起来内容都差不多能答对。

基础

• 首先介绍一下自己最近的项目？
• 项目介绍一下，最有成就感的一个项目？
• 介绍一下你自己对自己满意的能力？
• 为什么学前端？除了前端你还写什么？
• 你认为前端的主要工作职责是什么？为什么需要前端？

概念：

• 什么是同源策略？
• 怎么设计好的组件
• HTTP和HTTPS的区别？HTTP2.0的区别？它们的默认端口是什么？
• 说下BFC是什么？
• CDN有了解吗？怎么让请求在最近的站点下载？
• 说说你对Flex的理解，rem你怎么理解的？
• 闭包介绍一下你的理解？用处，缺点
• 跨域有了解吗？
• 浏览器缓存你知道哪些？
• Cookie、Session、Webstorage的区别
• 介绍一下盒子模型？

框架

• react优势(组件化、虚拟dom)
• React有用过吗？
• ES6有用过吗？介绍一下？Promise有用过吗？
• 实现 vue 中的 on,emit,off,once，手写代码
• vue 的双向绑定机制？详细介绍。
• nodejs处理请求过程
• 对ES6了解多少？

原理

• github开源做过哪些，命令了解哪些，贡献过什么，pr过吗

• webpack原理

• requestAnimationFrame 原理？是同步还是异步？

• 哪些操作会引起浏览器重绘和重排？

• JavaScript原型你的了解？

• JS的深拷贝和浅拷贝的区别？

• 堆和栈有什么区别？

• 怎么取消事件冒泡？

• 获取页面元素位置与宽高？

• 说下你知道的HTTP 状态码

• Flex用过吗？用过哪些？

• 简单说下从url输入到页面输出的整个过程

手写代码：

• js bind 实现机制？手写一个 bind 方法？
• 用 js 实现双链表，手写代码？
• 数组去重的多种实现？
• 写一个函数，参数为url，输出一个对象，为查询字符串中的各个值
• js事件机制？点击屏幕上一个按钮，事件是如何传播的？

答案持续更新中.....

原文作者：祈澈姑娘；技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，爱折腾。坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

文末福利：

福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880