2021前端面试经常被问到的题(附答案)

面试经常被问到的题

• 一、html5
• • 1、html常见面试题
  • 2、艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文
  • 3.前端 100 问：能搞懂 80% 的请把简历给我
  • 4、前端优化
• 二、css
• • 1.CSS 基础面试题（附答案）
  • 2.如何居中div？
  • 3. CSS3新特性
  • 4.清除浮动
  • 5.media媒体查询
  • 6.讲一讲Flex布局，以及常用的属性？
  • 7.BFC
  • 8.px rem em vh vw之间的区别到底是啥？
  • 9.0.5px的线
  • 10.12px以下的字体
• 三、javascript
• • 1. Symbol
  • 2.dom常用的操作
  • 3.Promise
  • 4. this
  • 5. new
  • 4.手写各种原生方法
  • 5.单线程异步
  • 6. 获取元素节点
  • 7.判断一个对象是Array类型
  • 8、事件循环
  • 9.Set 和Map
  • 10、proxy
  • 11、 Promise/async/Generator
  • 12.继承
  • 13.一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
  • 14.闭包
  • 15.函数柯里化
  • 16、 for…in和for…of区别
  • 17、数组去重
• 四、http
• • 1、post 和get 的区别
  • 2、http的基本知识
  • 3、跨越
  • 4、Cookies 与 Session，SessionStore，LocalStore的区别及使用
  • 5.从一个url到最终页面渲染完成，发生了什么？
  • 6、css 和csrf
  • 7、Websocket
  • 8、前端的网络请求方式
  • 9、谈谈HTTP协议中的短轮询、长轮询、长连接和短连接
  • 10.缓存
  • 11、TCP的拥塞控制
  • 12、
• 五、vue
• • 1. vue 的生命周期
  • 2、vue双向绑定原理
• 六、react
• 五、其他
• • 1.讨论canvas与svg的区别
  • 2.MVVM
  • 3.相对路径与绝对路径的写法
  • 4.框架
  • 5.线程进程
  • 6.ajax
  • 7.前后端分离
  • 8.单页面多页面的应用
  • 9.Git基本操作
  • 10.mock
  • 11.二叉树
  • 12.前端模块化
  • 13.webpack,grunt,grup
  • 14、virtuldom
  • 15、重新认识 package.json
  • 16、算法二叉树的深度遍历与广度遍历

一、html5

1、html常见面试题

常见面试题

2、艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文

艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文

3.前端 100 问：能搞懂 80% 的请把简历给我

前端 100 问：能搞懂 80% 的请把简历给我

4、前端优化

前端性能优化

二、css

1.CSS 基础面试题（附答案）

50道 CSS 基础面试题（附答案）
CSS经典面试题

2.如何居中div？

CSS水平居中+垂直居中+水平/垂直居中的方法总结

3. CSS3新特性

深入了解 CSS3 新特性

4.清除浮动

清除浮动的四种方式及其原理理解

5.media媒体查询

深入浅出篇 — media媒体查询 - 响应式开发必备

6.讲一讲Flex布局，以及常用的属性？

一劳永逸的搞定 flex 布局

7.BFC

8.px rem em vh vw之间的区别到底是啥？

px rem em vh vw之间的区别

9.0.5px的线

怎么画一条0.5px的边（更新）

10.12px以下的字体

Chrome的最小字体12px限制最终解决办法

三、javascript

1. Symbol

ES6的Symbol竟然那么强大，面试中的加分点啊

2.dom常用的操作

JavaScript操作DOM常用的API

3.Promise

面试精选之Promise
八段代码彻底掌握 Promise
最简实现Promise，支持异步链式调用（20行）

4. this

this、apply、call、bind

5. new

重学 JS 系列：聊聊 new 操作符
完全搞懂js 中的new()到底做了什么?

4.手写各种原生方法

手写各种原生方法
完全搞懂js 中的new()到底做了什么?

5.单线程异步

简述JS单线程异步实现原理
15分钟读懂进程线程、同步异步、阻塞非阻塞、并发并行
http://www.ruanyifeng.com/blog/2014/10/event-loop.html

6. 获取元素节点

原生 JS 获取节点方法总结

7.判断一个对象是Array类型

怎么判断一个js对象是不是Array类型？

8、事件循环

前端中的事件循环eventloop机制
关于EventLoop的学习

9.Set 和Map

ES6的Set和Map数据结构，由你制造

10、proxy

面试官: 实现双向绑定Proxy比defineproperty优劣如何?
【前端词典】如何向老板解释反向代理

ES6黑科技实践–proxy,reflect

11、 Promise/async/Generator

9k字 | Promise/async/Generator实现原理解析

12.继承

前端必知必会ES5、ES6的7种继承

13.一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧

一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧

14.闭包

闭包
javascript 近乎神话般的概念：闭包

15.函数柯里化

柯里化

16、 for…in和for…of区别

for in 和 for of的区别详解
#typeof和instanceof原理# 17.typeof

17、数组去重

添加链接描述

四、http

1、post 和get 的区别

你敢在post和get上刁难我，就别怪我装逼了

2、http的基本知识

面试 – 网络 HTTP
（建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系

3、跨越

10种跨域解决方案（附终极大招）

4、Cookies 与 Session，SessionStore，LocalStore的区别及使用

前端面试题必考（五）- Cookies 与 Session，SessionStore，LocalStore的区别及使用 / H5事件通知机制
https://juejin.im/post/5dc2415e6fb9a04a5d586590#comment
cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式

5.从一个url到最终页面渲染完成，发生了什么？

从一个url到最终页面渲染完成，发生了什么？

6、css 和csrf

xss攻击和csrf攻击的定义及区别
浅说 XSS 和 CSRF

7、Websocket

看完让你彻底搞懂Websocket原理

8、前端的网络请求方式

全面分析前端的网络请求方式

9、谈谈HTTP协议中的短轮询、长轮询、长连接和短连接

HTTP协议中的短轮询、长轮询、长连接和短连接

10.缓存

HTTP 缓存的那些事儿

11、TCP的拥塞控制

TCP的拥塞控制

12、

五、vue

1. vue 的生命周期

详解 Vue 生命周期实现

2、vue双向绑定原理

vue 的双向绑定原理及实现
3分钟了解vue数据劫持的原理

六、react

React高阶组件(HOC)的入门??及实践??

五、其他

1.讨论canvas与svg的区别

学习HTML5 Canvas这一篇文章就够了
经典面试题（讨论canvas与svg的区别）

2.MVVM

浅析前端开发中的 MVC/MVP/MVVM 模式

3.相对路径与绝对路径的写法

相对路径与绝对路径的写法

4.框架

vue、react、angular三大框架对比 && 与jQuery的对比

5.线程进程

聊聊线程与进程 & 阻塞与非阻塞 & 同步与异步

6.ajax

Ajax 知识体系大梳理

ajax常见面试题

7.前后端分离

你不得不了解的前后端分离原理！

8.单页面多页面的应用

SPA（单页面应用）和MPA（多页面应用）

9.Git基本操作

常用 Git 命令清单

10.mock

浅谈mock

11.二叉树

二叉树的前中后和层序遍历详细图解（递归和非递归写法）

12.前端模块化

你可能不知道的 JavaScript 模块化野史
AMD、CMD、CommonJs、ES6的对比

说说 Node 和 ES6 模块化那些不为人知的事儿

13.webpack,grunt,grup

webpack、grunt、grup对比

14、virtuldom

vitual-dom原理与简单实现

15、重新认识 package.json

重新认识 package.json

16、算法二叉树的深度遍历与广度遍历

js 中二叉树的深度遍历与广度遍历(递归实现与非递归实现