【2019秋招】面凉经汇总

面经汇总：网易笔试、三汇笔试、大华二面、传化智联一面、核新同花顺复面、浙江移动初面

1.Web基础

1.1 Ajax了解吗？

1.概念：Ajax 并不算是一种新的技术， 全称是 asynchronous javascript and xml， 可以说是已有技术的组合， 主要用来实现客户端与服务器端的异步通信效果， 实现页面的局部刷新， 早期的浏览器并不能原生支持 ajax， 可以使用隐藏（iframe） 方式变相实现异步效果， 后来的浏览器提供了对 ajax 的原生支持。

2.通过的方式：XMLHttpRequest( 标 准 浏 览 器 ) 、ActiveXObject(IE 浏览器)

3.基本步骤：

var xhr =null;//创建对象
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} 
xhr.open(“方式” ,” 地址” ,” 标志位” );//初始化请求
xhr.setRequestHeader(“” ,” ” );//设置 http 头信息
xhr.onreadystatechange =function(){}//指定回调函数
xhr.send();//发送请求

1. 创建 XMLHttpRequest 对象,也就是创建一个异步调用对象
2. 创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、 URL 及验证信息
3. 设置响应 HTTP 请求状态变化的函数
4. 发送 HTTP 请求
5. 获取异步调用返回的数据
6. 使用 JavaScript 和 DOM 实现局部刷新

4.同步和异步的区别?

• 同步：阻塞的，浏览器向服务器请求数据， 服务器比较忙， 浏览器一直等着（页面白屏） ， 直到服务器返回数据， 浏览器才能显示页面；
• 异步： 非阻塞的，浏览器向服务器请求数据， 服务器比较忙， 浏览器可以自如的干原来的事情（显示页面） ，服务器返回数据的时候通知浏览器一声， 浏览器把返回的数据再渲染到页面， 局部更新

5.解决跨域问题？

• 跨域概念：协议、 域名、 端口都相同才同域， 否则都是跨域
• 解决：出于安全考虑， 服务器不允许 ajax 跨域获取数据， 但是可以跨域获取文件内容， 所以基于这一点， 可以动态创建 script 标签， 使用标签的 src 属性访问 js 文件的形式获取 js脚本， 并且这个 js 脚本中的内容是函数调用， 该函数调用的参数是服务器返回的数据， 为了获取这里的参数数据， 需要事先在页面中定义回调函数， 在回调函数中处理服务器返回的数据， 这就是解决跨域问题的主流解决方案

6.同源策略？

所谓同源指的是： 协议， 域名， 端口相同， 同源策略是一种安全协议， 指一段脚本只能读取来自同一来源的窗口和文档的属性

7.get和post的区别？

• GET： 一般用于查询数据，获取信息， 使用 URL 传递参数， 对所发送信息的数量也有限制。
• POST： 一般用于提交数据，修改服务器上的资源，更加安全， 对所发送的信息没有限制。
• 建议post，用途：无法使用缓存文件；向服务器发送大量数据；包含未知字符的用户输入

8.ajax优缺点？

• 优点：异步通信，局部刷新，提升用户体验；按需获取数据，节约带宽资源。
• 缺点：不支持浏览器 back 按钮；暴露了与服务器交互的细节，安全隐患； 对搜索引擎的支持比较弱

1.2 diaplay了解吗？

1.diaplay属性？

• inline（默认）–内联
• inline-block
• block–块显示
• none–隐藏
• table–表格显示
• list-item–项目列表

2.display:none和overflow：hidden区别？

• 前者不保留位置，回流+重绘
• 后者保留位置，重绘

1.3 Chrome页面调试？

F12，找到sources，点击切换按钮，会有3个区域：资源文件、源码展示、调试区，主要有console、breakpoint（断点），跟踪执行等，参考：https://zh.javascript.info/debugging-chrome

1.4 js是同步还是异步，单线程还是多线程，操作原理？

2.框架

2.1 框架有了解吗？

三大框架

3.项目

4.计算机基础

4.1 数据结构了解吗？讲一下链表？

5.其他

1.除了js你最擅长的语言？
2.接下来怎么提升你的水平？
3.我们公司前端岗位要求了解吗？
4. 你导师是谁？
5. 还面试了哪些公司？
6. 未来的职业规划？