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

本文链接：https://blog.csdn.net/2401_82645688/article/details/138808671

还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！

王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。

对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！

【完整版领取方式在文末！！】

93道网络安全面试题

内容实在太多，不一一截图了

黑客学习资源推荐

最后给大家分享一份全套的网络安全学习资料，给那些想学习网络安全的小伙伴们一点帮助！

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

😝朋友们如果有需要的话，可以联系领取~

1️⃣零基础入门

① 学习路线

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

② 路线对应学习视频

同时每个成长路线对应的板块都有配套的视频提供：

2️⃣视频配套工具&国内外网安书籍、文档

① 工具

② 视频

③ 书籍

资源较为敏感，未展示全面，需要的最下面获取

在这里插入图片描述

② 简历模板

在这里插入图片描述

因篇幅有限，资料较为敏感仅展示部分资料，添加上方即可获取👆

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

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

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

现在大公司的要求绝大多数以原生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原理和机制的理解面试官也就了解的比较透彻了，接下来会考察一些知识的广度，当然这些问题都是比较简单随意也是比较容易得到答案的，所以在后面的部分我就只列举问题。

布局和页面性能 :

这个就是考察基本功的时候了，布局可以说是一个前端最常用的技能，所以会根据各种需求提问,当然同样重要的还有一些优化细节，比如:

重绘和回流分别都是什么，哪个性能消耗的多？应该如何去提高性能 ?

各种居中。

命名空间和命名方式。

移动端rem布局，百分比布局，响应式布局。