原阿里腾讯高级web前端工程师亲述面试经历及工作经验_web前端开发工作经历

各位小伙伴大家好，根据多年丰富的面试经历和岗位分析，对前端面试的技术栈，各大公司面试特点，进行简要的分析 ，随着我的秀发越来越少可以说我们积累的经验越来越多，在此给大家进行一个简要的分享。

先说前端必备的技能， html ， css ， JavaScript ， jQuery（源码部分） ， nodejs ， vue ， react ，设计模式， 这些技术栈还是要具备的，当然框架的话2选一即可。

需要更多教程，微信扫码即可

👆👆👆

别忘了扫码领资料哦【高清Java学习路线图】

和【各学科****全套学习视频及配套资料********】

现在大公司的要求绝大多数以原生JavaScript为根本，例如腾讯，阿里等互联网头部企业，在面试前端时对原生的要求非常之高，而且以腾讯为代表的一系列公司非常喜欢让你在面试过程之中手写代码，所以如果准备面试腾讯的小兄弟们，一定要提前做好准备。

列举我们最熟悉的腾讯吧，我们先看一下qq音乐前端工程师招聘的要求:

• 至少三年以上从事JavaScript开发的经历；
• 扎实的 javascript 基础知识；
• 能够熟练运用 HTML、CSS、JavaScript 开发高性能的web应用程序；
• 熟悉Web性能优化, 有性能优化实践经验；
• 具有良好的代码风格、接口设计与程序架构意识；
• 具有良好的沟通能力和团队合作精神；
• 思路清晰，优秀的分析问题和解决问题的能力；
• 加分项:计算机专业或软件工程等相关专业；
• 掌握服务器端编程语言并有实践经验；
• 持续坚持写技术博客1年以上；
• 对开源项目有贡献；
• github个人原创项目有50个星以上；
• 在著名业界技术大会有过分享
• 良好的借力意识(站在巨人的肩膀上)；
• 良好的软件工程意识；
• 对技术有持续的热忱和激情；
• 热爱音乐。

我们可以根据需求分析出哪些东西那 ？

首先聊一下腾讯的背景， 腾讯前端是以原生JavaScript为主，所以对JavaScript的要求一定会很高， 那么这个高要求和高标准大概有多高那 ，面试官通常会以丰富的经验给你各种各样的组合拳， 这一套又一套的组合拳着实打的新手摸不着头脑 ? 我们先来分析一套原生组合拳 :

原生 javaScript组合拳

问 : 基本类型和引用类型的区别。

答 : 基本类型是存储在栈之中的值，引用类型是存储在堆中数据的地址。

问 : 可以举例说明一下JavaScript之中的引用类型有哪些么？

答 :  Object ， function ， Array ， Set ， Map

当然了，面试JavaScript 肯定离不开原型链和作用域链，那么什么是作用域链那 ?这个其实是说来话长的一个话题，因为在这里给大家阐述下我个人的一些理解 :

函数在执行的过程之中会产生一个临时存储数据的对象， 这个对象我们称之为activeObject， 简称AO ， 每个函数在执行时都会在栈里面存上这么一个东西，以便于储存期中的局部变量。但是js有全局变量的概念，也就是在局部中可以访问全局的数据，怎么访问那？ 当然是由内自外的冒泡访问，但是如何由内自外，这个以包含关系决定访问顺序就是传说中的作用域链。

接着来说原型链， 这个是实例对象访问方法和共用数据的一个顺序，也是由内自外的。

接着会顺着继续向下问一些关于闭包，内存泄漏的问题。

闭包问题， 其实就是两个函数嵌套，产生了两个嵌套的活动对象，子活动对象存储了父级活动对象的属性，从而导致外部函数的局部变量被子活动对象保存的一种JavaScript特性。

用代码表示一下：

 function outer(){

        var freeVar = “hello”

    }  

这是一个外部函数会产生一个 AO ， 这个AO是因为outer 函数执行而创建出来的，所以我们暂时命名为 AO(outer).

闭包自然少不了函数的嵌套 ：

function outer(){

        var freeVar = “hello”;

        function inner(){

            console.log(freeVar);

        }

        return inner;

    }      

但凡是在AO(outer)内部创建的函数引用了外部的变量那么妥了，闭包就产生了。

收起你的黑人问号脸，来看一下我的解释 :

Inner函数执行时当然也会产生AO ，那么这个AO我们取名叫做AO(inner), ok 在这个ao中我们干了些啥? 是不是引用了外部函数的变量 freeVar ?

对啊，肯定用了，但是你只是用了freeVar 这么简单么 ? no,no,no , 其实在内部函数之中我们引用的是 AO(outer).freeVar。

好了我们这个时候来看一下，AO是个啥 ? 是个对象啊， 既然是对象那这货是不是一个引用类型，引用类型存在于内存之中不? 存在，那么恭喜你，这个AO.freeVar 不会想普通的局部变量在函数结尾被删除了， 而是被保留在了内存之中。 这，就是闭包。

基本上这一套下来，你对JavaScript的理解，对JavaScript原理和机制的理解面试官也就了解的比较透彻了 ， 接下来会考察一些知识的广度，当然这些问题都是比较简单随意也是比较容易得到答案的，所以在后面的部分我就只列举问题。

布局和页面性能 :

本人从事网路安全工作12年，曾在2个大厂工作过，安全服务、售后服务、售前、攻防比赛、安全讲师、销售经理等职位都做过，对这个行业了解比较全面。

最近遍览了各种网络安全类的文章，内容参差不齐，其中不伐有大佬倾力教学，也有各种不良机构浑水摸鱼，在收到几条私信，发现大家对一套完整的系统的网络安全从学习路线到学习资料，甚至是工具有着不小的需求。

最后，我将这部分内容融会贯通成了一套282G的网络安全资料包，所有类目条理清晰，知识点层层递进，需要的小伙伴可以点击下方小卡片领取哦！下面就开始进入正题，如何从一个萌新一步一步进入网络安全行业。

学习路线图

其中最为瞩目也是最为基础的就是网络安全学习路线图，这里我给大家分享一份打磨了3个月，已经更新到4.0版本的网络安全学习路线图。

相比起繁琐的文字，还是生动的视频教程更加适合零基础的同学们学习，这里也是整理了一份与上述学习路线一一对应的网络安全视频教程。

网络安全工具箱

当然，当你入门之后，仅仅是视频教程已经不能满足你的需求了，你肯定需要学习各种工具的使用以及大量的实战项目，这里也分享一份我自己整理的网络安全入门工具以及使用教程和实战。

项目实战

最后就是项目实战，这里带来的是SRC资料&HW资料，毕竟实战是检验真理的唯一标准嘛~

面试题

归根结底，我们的最终目的都是为了就业，所以这份结合了多位朋友的亲身经验打磨的面试题合集你绝对不能错过！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！