【腾讯】记录一面（IMWeb团队）

写在开头

面试总时长大约 100 分钟，下午 3 点面试，结束接近 5 点样子。总体感觉就是体会到了差距，但也算是一次历练吧，大场面我都经历过了，也无惧小场面了。下面就将面经分享一下，主要是分享一下题目把，答案网上应该都能找到。

PS：题目肯定是不唯一的，写这篇博客的原因：

记录总结这次面试
分享一下面经
体会差距，努力学习

注：不代表这套题就是你会被问到的，可以学习一下面试模式

此次面试官：IMWeb 团队前端架构师

正文

（关注下面题目，如果有 dalao 在，可以评论区答复，欢迎交流，我会以数字序号标注题目）

1、自我介绍

开场多半都是这样

2、询问你在大学学了哪些课程，你觉得你学得最好的是哪一门？

这里的话，接下来的话题就会围绕你觉得学的最好的课程来展开

3、先用 js 手写一个冒泡排序

这期间还问了时间复杂度和空间复杂度，空间复杂度与什么因素有关

4、你知道打开 `https:www.qq.com` 经历了什么吗？

这个就是关于输入网址到显示页面的步骤

5、js 基本数据类型

之前答的不是很好，面试官就回到了简单一点的题

6、Vue 生命周期你有了解过吗？你用到过哪些？

beforeCreate 、created 等等

这里也问了 cookies 里面重要属性有哪些，有什么用

8、你了解 SEO 吗？知道怎么做吗？

这里我就答了 html5 一些，以及搭建 hexo 博客用的优化，还提及到了 SEO 有什么用

9、谈谈你对 this 的理解

因为提及到了 apply 和 call，面试官就反问了 apply 和 call 的知识

10、你了解跨域吗？

我在谈及的时候，提及到了前后端分离模式，于是下一题...

11、说说你对前后端分离的理解

我就从 JSONP 时代讲到了 nginx 反向代理，也从原本不需要考虑跨域问题谈到现在比较主流的前后端分离模式

12、你对浏览器的理解，本地打开浏览器经历了什么？

这个当时有点懵...

13、谈谈你所了解的前端性能优化？

代码压缩，SEO、缓存等等

14、你知道 gulp 吗？

流...

15、你用过 git 吗？常见哪些指令？你知道回退是什么指令吗？

16、你了解 React 吗？

因为不是很了解，这里我就谈及了 mvvm 和 mvc 的区别，也说明了为啥选择学习 Vue，作为学生目前了解不是很深入

17、你知道怎么不传 cookied 吗？你了解过 http:only 吗？

这个我就有点熟悉，但不记得了

18、你了解 Webpack 吗？

打包方面

19、对于之前打开本地浏览器那一块，你了解过 dom 树吗？

好像他也想问 AST 语法树方面，但我也不记得了

20、你了解 CDN 吗？在哪里你用过

21、说说你对原型链的理解？

22、谈谈你对响应式原理的理解

我提及到了 Vue 2.0 和 Vue 3.0 区别以及 proxy 还能做些什么

23、你了解闭包吗？

24、leetcode 电话号码的字母组合

题目

给定一个仅包含数字 2-9 的字符串，返回所有它能表示的字母组合。给出数字到字母的映射如下（与电话按键相同）。注意 1 不对应任何字母。

示例: 输入："23" 输出：["ad", "ae", "af", "bd", "be", "bf", "cd", "ce", "cf"].

25、最后，出了 4 到题

① 异步、事件循环方面，具体题不急得了，但你能把下面这道题做出来，基本上没问题

原题地址及解析

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>挑战 js 面试题</title>
</head>
<body>
    <script>
        async function async1(){
            console.log('async1 start');
            await async2();
            console.log('async1 end');
        }
        async function async2(){
            console.log('async2');
        }
        console.log('script start');
        setTimeout(function(){
            console.log('setTimeout');
        },0)
        async1();
        new Promise(function (resolve){
            console.log('promise1');
            resolve();
        }).then(function(){
            console.log('promise2');
        });
        console.log('script end');
    </script>
</body>
</html>

javascript

② 你如何将 arguments 参数改变为数组

③ box-sizing 中 content 和 border 的区别

讲解各种盒模型：标准盒模型、IE（怪异）盒模型、flex、分列布局

④ 请你用正则表达式来解析腾讯 qq 或者腾讯其它网页的域名

结尾

好了，距离上次面试也过了两天了，我才打算写一份面经，有些题目可能不太记得了，如果后续学习的时候想到了，我会在评论区进行补充，100 多分钟，想不到还问了这么多题...而且有些题目我还进行了深入探讨，比如对闭包，对 v8 引擎，Vue 中响应式原理那一块探索设计模式。

尽管凉了，但也是一次不错的体验吧，跌倒了一次，爬起来，继续走下去...

学如逆水行舟，不进则退
javascript

【腾讯】记录一面（IMWeb团队）

写在开头