腾讯大厦与我有个约定（面试精华帖）

在一个雨蒙蒙的清晨，百般无聊的闲逛中，突然回忆起了我这一生中的第一次面试经历。虽然结果是以失败而告终，但此时此刻的回忆，带给我的并不是失败而是成长。

作为一名实习生，我深刻的感受到在校园与社会夹缝中生活的不易。也十分的幸运，我还有足够的青春与活力驱动着我去学习，让我的未来不再遥不可及;让我能在社会的这份土壤里扎根成长。

这一次的面试地点是成都腾讯大厦，对于我这类常在农村走，从未上过街的学生党来讲，我真的被眼前的惊呆了(没见过世面)。门口的迎宾，高大帅气；前台的女士，仪态端庄；一旁的植物，生机勃勃；楼道的电梯，金碧辉煌；我站的地板，闪闪发光。我内心中油然而生了一份自豪感，如果以后我能在这儿上班。那简直是哇！塞！

一瞬间我就到达了指定楼层，这办公环境真的是哇塞！哇塞！超级nice！这前台小姐姐这么漂亮，这HR小姐姐好靓啊！比学校的妹子还乖！(我翻不到什么词汇来形容了)。

)

很快我拿到了一份笔试题;

1.请描述下状态码304？(5分)

表示浏览器端有缓存，并且服务端未更新，不用向服务器端请求资源。

2.写出5种css隐藏元素的办法(10分)

1.opacity: 0;

2.visibility: hidden;

3.display: none;

4.position: absolute;
top: -9999px;
left: -9999px;

5.clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);
复制代码

我只写出来了4种。第5种确实没遇到过，也没有想到过。

3.cookies与session有什么区别？(5分)

由于http请求是无状态的，需要cookie来做身份验证
1.cookies由服务端创建，发送给浏览器端，当用户发出请求后，带上cookie发送给服务端做验证。
2.来回传递过程中，占用带宽，消耗网络资源,并且容易被中间人获取或浏览器端用户篡改十分不安全
3.cookies大小只有4k

1.session主要存在于服务端，不会被发送到浏览器所以很安全
2.如果没有设置过期时间，在会话结束后session会自动消失
3.session主要用于服务端保存请求信息的机制
复制代码

答得不够全面，所以请小伙伴们自行查阅资料

4.实现一个方法，找出一个数组中重复的元素(10分)

举例

arr = [1,2,3,4,1,1,2,4,4]

输出 [1,2,4]
复制代码

Array.prototype.repeNum = function(){
    let new_arr = this.sort();  //先排序
    let res = [] ;
    for( let i = 0 ; i < new_arr.length ; i++){
        if(new_arr[i] == new_arr[i+1] &&    //判断是否重复,是否已经放入容器
        new_arr[i] !=new_arr[i-1]){
            res.push(new_arr[i]);
        }
    }
    return res
}

复制代码

因为题目上说的要实现一个方法，所以我考虑到是给array原型加一个方法

5.将这段英文this is a pen首字母大写(10分)

法一：
function bigLetter(str){
let newArr = str.split(" ").map((v,i)=>{
  return v.slice(0,1).toUpperCase() + v.slice(1)
})
return newArr.join(" ")
}

法二：
function bigLetter(str){
bigStr = str.toLowerCase().replace(/\b\w+\b/g, function(word){
  return word.substring(0,1).toUpperCase()+word.substring(1);
});
return bigStr; 
}
复制代码

由于这道面试题，曾经遇见过，所以给出了两种方法。能秀的时候绝对不马虎

6.请写出你常用的10个linux命令并说明作用(20分)

7.请写出你常用的5个git命令并说明作用(15分)

最后两题因为时间比较久远了，有点忘却了。但记得考察的是什么

8.关于Promise的题(10分)

我印象中有，然后输出什么 Promise.then() Promise.resolve(1)
Promise.catch()

9.react向子组件传状态(15分)

constructor(){
this.state = {
    name:'xxx'
}
}
<Person data={this.state.name} />

下面是Person组件
<div data={this.props.data} />
复制代码

还有一个空我记不得了，反正一空5分

然后交给了HR，过了一会儿 HR:今天先回去，后面会在3天内告诉你笔试结果。 我：多少分才算过呢？ HR：60分

我一丝不舍的被送到了门口，唉，好想在这儿多待一会儿，哪怕是让我在这儿干站到我都愿意阿！ 唉！回去了

临近5：30时分，我接到了电话，说我笔试通过了，请问明天下午2点有没时间来面试？ 对于我们这类无业青年来说，除了时间，我一无所有。

第二天

相同的时间相同的地方，我却走错了地方，原来成都腾讯大厦有AB两栋。马叔叔，你真有钱！

又是那高大帅气的迎宾；仪态端庄的前台；生机勃勃的植物；金碧辉煌的电梯；闪闪发光的地板，这个地板简直比我脸还干净。 又是那好看到爆的前台小姐姐，又是那漂亮到爆的hr。

在如此炎热的8月，我一口就喝下了前台小姐姐送来的水，但是我的内心还是十分的紧张，丝毫没有缓解的迹象。我的腿情不自禁地抖起来，我的手不停使唤地去阻止腿的抖动，然后他们一起抖了起来。

随后，HR与面试官一同走了进来，我内心暗想这是什么情况？难道HR面和技术面同时进行？HR拨通了一个电话，对方应该是另一个部门的负责人，然后HR说明到有两个部门都需要前端实习生，所以面试同时进行。我暗自高兴那我的胜算更大啦！我的紧张情绪终于得到了一丝缓解。

面试正式开始（由于题目的答案，并不固定所以我就不作答了，而且我个人认为当时也回答的相当不好，所以被pass掉了） 面试官： 1.先做个自我介绍吧！

2.看你项目你用过react，那你来说说react与vuejs的区别

3.你能说说react的虚拟DOM吗？

4.你这个项目中你负责开发了哪些模块？能说说你主要的开发流程吗？

5.项目中有没有用过Eslint

6.来讲讲http?

7.http请求头有哪些属性

8.说说GET与POST的区别

9.知道浏览器缓存吗？

10.图片懒加载能手写一下吗？

11.函数节流与防抖

12.讲讲怎么用Promise

13.linux如何修改文件权限

14.有了解过webpack吗？能说说吗？

15.loader与plugin的区别？

最后一个问题，你有什么想问我的吗？

我在网上看到加速乐是成都团队开发的，加速乐主要有什么用？用了什么技术栈

面试官：这个产品我可能讲的话，会讲很久。所以你还有没有什么其他想问的？

我：请问面试官你贵姓？ (虽然带了工牌，我还是没能看清楚) 面试官：XX

面试官：你稍等一下

一会儿HR告诉我，你先回去，后面我们会给你答复。

快到门口的时候，我回头问，是不是凉凉了？

HR：技术部门还在商量，暂时还不清楚。

我又依依不舍的，哪怕是让我多站会儿我也愿意啊。

在回家的路上，我没有骑摩拜单车，而是选择一个人在偌大的城市街头游走。我不断地思索刚刚面试过程重中有哪些回答不好的地方。我一直在等待那个5点多会打过来的电话，结果6点了，我的手机安静的像个睡着的婴儿。我还怀着一丝侥幸猜想，可能还在加班哦。

直到夜晚的降临，我也渐渐懂得了这份弦外知音。这次的失利，虽然对我的打击很大但是再大也浇不灭我执着追梦热爱前端的热情，也阻挡不了我更加努力的步伐。

几个月过去了

现在的我，回想当时，我不禁的发笑。人总是在不断成长，就算跌倒了，拍拍身上的尘土，还是会向前奔跑。

感谢记忆，我将永远记住你带给我的一切，你留在我❤间无论是忧伤还是快乐，现在或将来对我来说已是甜蜜，为此我要永远怀念你，感谢你❤