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

问 : 可以举例说明一下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布局,百分比布局,响应式布局。

HTML标签的语义化

JavaScript多线程。

http请求优化

算法设计模式

基本排序算法的理解,比如快排,冒泡等排序算法总要知道一个吧 , 这种东西提前准备总是没坏处 。

设计模式这种东西就是一个没啥卵用的大框框, 但是有写设计模式确实很有借鉴的意义,比如观察者模式,策略模式,可以让代码更加优(zhuang)雅(bi)清晰。

Ok , 今天的面试分析暂时就进行到这里,其实在面试过程中问到项目业务的情况也非常多见,因为前端面试的多样性,每次大公司的面试其实都是对我们技术栈和学习能力的一次挑战,在不断的进步和学习之中,完善自我,持续进步,丰富自己的经验,愿世界和平,秀发长存。


WEB视频教程学习资料:

HTML5
–基础
2019千锋Web前端初识与职业发展 https://pan.baidu.com/s/1B_3-7k3br5Ycix1cwDAkRQ
2019千锋Web前端教程-Web前端从入门到精通(新手必看)(连载) https://pan.baidu.com/s/1IiL0feDPp_4bsUZr0foKjg
千锋Web前端教程-页面布局与设备适配 https://pan.baidu.com/s/1B_I9MpIEJzgi76tybHDmIg
千锋Web前端教程-Web前端小白入门 https://pan.baidu.com/s/1wFw8BLqAvVj8TsE8fZcmFg
千锋Web前端教程-页面布局经典案例 https://pan.baidu.com/s/1r-jX6gfU6D46rb39CCYr9A
–进阶
千锋Web前端教程-JavaScript基础 https://pan.baidu.com/s/1c_cLch6kLtvIldGMhzIirg
千锋Web前端教程-JavaScript课程视频 https://pan.baidu.com/s/1N6UMt2L6AF4z0ft9hOwICw
千锋Web前端教程-JavaScript从入门到精通(小白必看) https://pan.baidu.com/s/1aZ0ViHq1hhIcKES3fWtgvQ
千锋Web前端教程-JavaScript经典案例 https://pan.baidu.com/s/113aG9Aur8hWI3L3sLD6JVA
–高级
2019千锋Web前端教程-VUE服务器端渲染之NUXT实战 https://pan.baidu.com/s/1xM2wwLHAFTaVqdC53YtQ1Q
2019千锋Web前端教程-React服务器端渲染之NextJS实战 https://pan.baidu.com/s/1asuWvS2_EdrqsGCoSJsw1Q
2019千锋Web前端教程-GraphQL入门到精通 https://pan.baidu.com/s/140yFksbRYpFhcjRpvWuK_Q
千锋Web前端教程-Web前端框架课程 https://pan.baidu.com/s/1fHOeZSM9mOKp3mvqDQbsUA
千锋Web前端教程-node.js从入门到精通 https://pan.baidu.com/s/1seMgfk1IYpi304OEJGFkUA
千锋Web前端教程-最全的vue.js视频 https://pan.baidu.com/s/1nKpfDwosgHxdUUEEWjTySQ
千锋Web前端教程-最全的react视频 https://pan.baidu.com/s/1mgZmrNlprM8oy7WyTahIdg
千锋Web前端教程-Angular4从入门到实战 https://pan.baidu.com/s/1OouM_bUD4emOmWOHufVmBA

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

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

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

学习路线图

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

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

网络安全工具箱

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

项目实战

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

面试题

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值