前端笔试面试问题汇总

前言：基础、核心、进阶、计算机基础、数据结构与算法、设计模式、职业发展和HR

一、基础

1HTTP/HTML/浏览器

HTTP与https的基本概念、区别、工作原理、优缺点

HTTP请求方式、get和post的区别、支持的方法

HTTP常用请求头

状态码：400、401、403、200、、301、302、304

HTTP的缓存机制：强缓存、协商缓存

BOM属性对象方法：location、history、navigator

TCP三次握手、TCP与UDP的区别

HTMLdrag api

HTML5的语义化标签：header、article、footer、nav

Cookie、sessionSTorage、localStorage、session的区别

Cookie如何防范XSS攻击；XSS和CRSF攻击和防御方法

Websocket的概念、优点

webWorker

RESRful

2CSS

画一个三角形；div\width\height\border

CSS盒子模型：content、padding、border、margin

Flex布局

垂直居中div\width\height\position\border\margin

Position:fixed\relative\absolute\sticky\static\inherit

选择器、对溢出的处理、清楚浮动的方法

3JavaScript

闭包、基本数据类型、对象类型、跨域、This

二、核心

1服务端编程

JSONP的缺点

跨域（JSONP、Ajax）如何实现

DOM

2AJAX

返回的状态

实现一个AJAX：

三、进阶

1前端工作流

作为一个项目负责人如何协调多人协作

接口文档的制定

Webpack和gulp的区别（模块化与流的区别）

2流行框架

Vue的双向绑定原理

Vue、react、jQuery的区别

3node.js

Node的特性，适合什么场景

Express的使用

四、计算机基础

1计算机网络

TCP建立连接的三次握手过程

CDN原理

输入URL到显示页面的过程：DNS解析、TCP连接、发送HTTP请求、服务器处理、返回HTTP报文、浏览器解析渲染页面、连接结束

HTTP的头部包含内容、常见的请求方法、状态码、

七层模型、tcp/ip的网络模型

TCP和UDP的区别、三次握手、四次挥手

Websocket和Ajax的区别、websocket的应用场景

跨域方式、JSONP

2操作系统

进程与线程的概念、区别

3数据库

Radis和MySQL

五、算法与数据结构

1树

二叉树层序遍历

B树的特性、B树和B+树的区别

2递归

3数组

4排序

冒泡、快排、选择、插入、希尔、归并、

六、设计模式

设计模式：单例、工厂、发布订阅

设计模式的书

七、职业发展和HR面

自我介绍、做过哪些项目和实习、个人优缺点

前端学习经历、什么时候接触、大学学过哪些编程课、通过什么方式学习前端

为什么选择前端、未来三年的规划。

不过一面的时候通常是三步走

首先一分钟的自我介绍：介绍自己身份和经历，面试岗位的优势；

然后面试官就抽问题：

最好问你你有什么想问的：你可以问未来半年的工作内容，时间；未来的发展；最后问问面试官对自己的观感；（待遇什么的自己提前通过岗位介绍来了解）