前端一二三面都挂了，结果却靠它“逆袭”！！

程序员文章站 2022-03-02 08:26:41

前言腾讯的面试凉了，预料到了（本人大专）接着开始面试网易网易的面试体验挺不错。它的微信公众号会给你叫号，前台小姐姐也会提醒你，每一面结束后都可以找前台小姐姐查询面试结果。而且食堂超级好吃！还可以边吃饭边吸猫！面试地点在一楼大厅。环境舒适，就是座位有点不够用。不多说了，下面分享一下我的面试经历一面6道基本技术问题，居中、闭包、块级元素和行内元素等（答案在下方）某个项目的页面布局方式，缓存的设计和优化方式（本地存储和协议相关的）ajax 的原生写法（创建 XHR 对象， open() ， se...

前言

腾讯的面试凉了，预料到了（本人大专）
接着开始面试网易

网易的面试体验挺不错。它的微信公众号会给你叫号，前台小姐姐也会提醒你，每一面结束后都可以找前台小姐姐查询面试结果。而且食堂超级好吃！还可以边吃饭边吸猫！面试地点在一楼大厅。环境舒适，就是座位有点不够用。

不多说了，下面分享一下我的面试经历

一面

6道基本技术问题，居中、闭包、块级元素和行内元素等（答案在下方）
某个项目的页面布局方式，缓存的设计和优化方式（本地存储和协议相关的）
ajax 的原生写法（创建 XHR 对象， open() ， setRequestHeader() ， send() ， onreadystatechange ）
vue-router 的原理（ hash ， HTML5 新增的 pushState ）
关于 ajax ,我再强调以下方面。

//open()接受3个参数：请求类型、 URL 和是否异步的布尔值
//GET方式通常这样发：
xhr.open("get", "example.php?name1=value1&name2=value2", true)

//可以设定请求头，包括自定义请求头，比方说这样：
xhr.setRequestHeader("MyHeader", "MyValue")；

//可以这样取得一个包含所有头部信息的长字符串：
var myHeader = xhr.getResponseHeader("MyHeader");
var allHeaders = xhr.getAllResponseHeaders();

//POST方式有这几个地方要改：
//请求头要重设，数据会以key1=value1&key2=value2的方式发送到服务器
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//获取表单
var form = document.getElementById("user-info");
//序列化表单，发送的内容传入send()
xhr.send(serialize(form));

//也可以这样传值：
var data = new FormData(form);
//再传一点别的
data.append("name", "Nicholas")
xhr.send(data);