2024年前端面试题加答案

最后

Python崛起并且风靡,因为优点多、应用领域广、被大牛们认可。学习 Python 门槛很低,但它的晋级路线很多,通过它你能进入机器学习、数据挖掘、大数据,CS等更加高级的领域。Python可以做网络应用,可以做科学计算,数据分析,可以做网络爬虫,可以做机器学习、自然语言处理、可以写游戏、可以做桌面应用…Python可以做的很多,你需要学好基础,再选择明确的方向。这里给大家分享一份全套的 Python 学习资料,给那些想学习 Python 的小伙伴们一点帮助!

👉Python所有方向的学习路线👈

Python所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。

👉Python必备开发工具👈

工欲善其事必先利其器。学习Python常用的开发软件都在这里了,给大家节省了很多时间。

👉Python全套学习视频👈

我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。

👉实战案例👈

学python就与学数学一样,是不能只看书不做题的,直接看步骤和答案会让人误以为自己全都掌握了,但是碰到生题的时候还是会一筹莫展。

因此在学习python的过程中一定要记得多动手写代码,教程只需要看一两遍即可。

👉大厂面试真题👈

我们学习Python必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有阿里大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

需要这份系统化学习资料的朋友,可以戳这里获取

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

兼容性差;

在动画上控制不够灵活。

javascript的动画正好弥补了这两个缺点。在实现一些小的效果的时候,尽量使用css3。

16、谈一谈你对“函数式编程”的理解?

简单来说,函数式编程是一种编程规范,也就是如何编写程序的方法论。

17、说说你对作用域链的理解?

作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的。

18、javascript原型、原型链是什么?有什么特点?

每个对象都在其内部初始化一个属性,就是prototype(属性),当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,

那么它就会去prototype里去找这个属性,这个prototype又有自己的prototype,于是就这样一直找下去,也就是我们平时所说的原型链。

关系:instance.constructor.prototype = instance.proto

19、说说什么是事件代理?

事件代理又称之为事件委托。就是把原本需要绑定的事件委托给父元素,让父元素担当事件监听的职务。

20、说说ajax的原理?

Ajax的原理简单来说就是在用户和服务器之间加了一个中间层(Ajax引擎),由XmlHttpRequest对象来向服务器发异步请求,从服务器获取数据,然后用javascript来操作DOM而更新页面。

21、说说如何解决跨域问题?

通过jsonp跨域;

通过document.domain+iframe跨域;

nginx跨域;

nodejs中间件代理跨域;

后端在头部信息里面设置安全域名解决跨域。

22、异步加载JS的方式有哪些?

defer,只支持IE;

async;

创建,插入到DOM中,加载完毕后callBack。

23、有哪些操作会导致内存泄漏?

setTimeout的第一个参数是字符串而非函数的话,会造成内存泄漏;

闭包使用不当。

24、介绍JS有哪些内置对象?

数据封装类对象:Object、Array、Number、Boolean、String。

其他对象:Function、Arguments、Math、Date、RegExp、Error。

25、说几条写javascript的基本规范?

不要在同一行声明多个变量;

使用===!==来判断true、false;

尽量使用字面量代替new Array这种形式;

不要使用全局函数;

Switch语句必须带有default分支;

if语句必须使用大括号;

for-in循环中的变量应该使用var 关键字明确限定作用域,从而避免作用域污染。

26、eval是做什么的?

eval可以把字符串解析成JS代码并运行;

避免使用eval,不安全,非常消耗性能;

把JSON字符串传换成JSON对象时可以使用eval。

27、null和underfined的区别?

null表示定义了一个对象,值为“空值”;

underfined表示这个不存在这个值。

28、说说同步和异步的区别?

同步:在同一时间内不允许出现别的操作。

异步:在同一时间内允许不同的操作。

29、defer和async的区别?

defer:按顺序执行标签的顺序执行。

30、[1,2,3].map(parseInt)的输出结果是什么?

[1,NaN,NaN],因为parseInt需要两个参数(val,radix)。

31、use strict的理解和作用?

use strict是ES5新增的一种严格运行模式。可以使得JS代码在严格模式下运行,使得编码更加规范更加严谨,消除了一些怪异行为。

32、说说严格模式的限制?

变量必须先声明后再使用;

函数的参数不能出现同名属性,否则报错;

不能使用with语句;

禁止this指向全局对象。

33、说说对JSON的理解?

JSON是一种轻量级的数据交换格式;

基于javascript的一个子库,数据格式简单,易于读写,占用带宽小;

JSON字符串可以转换成JSON对象;

JSON对象可以转换成JSON字符串。

34、说说JS延迟加载的方式有哪些?

defer和async,动态创建DOM(用得最多),异步加载JS。

35、说说attribute和property的区别?

attribute是DOM节点自带的属性;

property是这个DOM元素作为对象,其附加的内容。

36、说说let的区别是什么?

不支持变量名提升;

使用let声明变量会形成块级作用域;

不允许重复声明,也就是在函数内部不允许重复声明参数。

37、如何通过JS判断一个数组?

使用instanceof方法;

使用constructor方法;

使用ES5新增的方法isArray()

38、说说let、var、const的理解?

let允许声明具有块级作用域的变量、语句或表达式,不支持变量名提升。

var用来声明全局变量,支持变量名提升。

const用来声明只读引用(即指针),当被改变时就会报错。

39、正则表达式的使用?

使用RegExp()函数的时候,不仅需要使用转义引号,而且还需要使用双反斜杠。使用正则表达式字面量的效率更高。

40、javascript中caller和callee的使用?

caller返回的一个对函数的引用,该函数调用了当前函数。

callee返回一个正在执行的function函数,也就是所指定的function对象的正文。

41、说说window.load()和$(document).ready的区别?

window.load()必须等到页面上包括图片在内的所有元素加载完成才能执行;

$(document).ready()等到DOM结构绘制完成就可以执行,不必等到所有元素加载完成。

42、javascript数组去重的方法汇总?

使用for嵌套for循环,利用splice去重;

使用ES6的set方法去重;

使用indexOf去重;

使用sort()去重;

利用对象的属性不能相同的特点进行去重;

利用includes去重。

43、浏览器缓存?

分为强缓存和协商缓存。

44、防抖、节流的理解?

防抖:当滚动事件中需要进行复杂计算或实现一个按钮的防二次点击操作,可以通过函数防抖来实现;

节流:节流与防抖的本质上不一样。防抖是把多次操作当作一次来执行,节流是间隔一段时间执行操作。

45、javaScript变量提升?

在生成执行环境时,会有两个阶段。第一个阶段是创建阶段,JS解释器会找出需要提升的变量和函数,并且会给他们提前在内存中开辟好空间,函数的话会将整个函数存入内存中,变量只声明并且赋值为underfined,所以在第二个阶段,也就是代码执行阶段,我们可以直接提前使用。

46、实现Storage,使得该对象为单例,以及使用方式。

var instance = null;

class Storage{

static getInstance(){

if(!instance){

instance = new Storage();

}

return instance;

}

setItem = (key,value) => localStorage.setItem(key,value),

getItem = key => localStorage.getItem(key);

}

47、说说你对事件流的理解?

事件流分为两种:捕获事件流和冒泡事件流。

48、说说从输入URL到看到页面发生的全过程?

(1)浏览器主进程接管,开了一个下载进程;

(2)进行http请求;

(3)将下载完成的内容交给Renderer进程管理;

(4)Renderer进程开始解析css rule tree和dom tree,这两个过程是并行的;

(5)当浏览器遇到link标签或者script、img标签,就会去下载这些内容,遇到需要缓存的时候就使用缓存,不适用缓存的重新下载资源;

(6)css rule tree和dom tree 生成完了之后,开始合成render tree,这个时候浏览器会进行layout,开始计算每个节点的位置,然后进行绘制;

(7)绘制结束后,关闭TCP连接,过程有四次握手。

49、做一个dialog组件,说说你的设计思路?它有什么功能?

该组件需要提供hook指定渲染位置,默认渲染在body下面;

然后该组件可以指定外层样式,如宽度等;

组件外层需要一层mask来遮住底层内容,点击mask可以执行传过来的onCancel函数关闭dialog;

另外组件是可控的,需要外层传入visible表示是否可见;

然后dialog可以自定义头head和底部footer,默认有头部和底部,底部有一个确认和取消按钮,确认按钮会执行外部传进来的onOk事件,然后取消按钮会执行外部传进来的onCancel事件;

当组件的visble为true时候,设置body的overflow为hidden,隐藏body的滚动条,反之显示滚动条;

组件高度可能大于页面的高度,组件内部需要滚动条;

只有组件的visible有变化且为true时候,才重新渲染组件内的所有内容。

50、说说ajax、fetch、axiox之间的区别?

ajax基于原生XHR开发;

fetch默认不会带cookie,需要添加配置项;

axios支持promise。

51、说说内存泄漏?

dom清空时,还存在引用;

ie中使用闭包;

定时器未清除;

子元素存在引起的内存泄漏。

52、javascript自定义事件?

document.createEvent();

event.initEvent();

element.dispatchEvent();

53、javascript数组排序的几种方式?

冒泡排序;

快速排序;

54、javascript数组一行代码去重方法?

set方法去重。

55、javascript如何判断一个对象是否为数组?

Array.isArray();

56、script引入方式?

html静态引入;

js动态插入;

异步加载; 异步加载。

57、变量对象?

变量对象,是执行上下文的一部分,可以抽象为一种数据作用域,其实也可以理解为就是一个简单的对象,它存储着该执行上下文中的所有变量和函数声明(不包含函数表达式)。

58、babel编译原理?

badylon将ES6/ES7转换成 AST;

babel-traverse对AST进行遍历转译,得到新的AST;

新AST通过babel-generator转换成ES5。

一、Python所有方向的学习路线

Python所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照下面的知识点去找对应的学习资源,保证自己学得较为全面。

img
img

二、Python必备开发工具

工具都帮大家整理好了,安装就可直接上手!img

三、最新Python学习笔记

当我学到一定基础,有自己的理解能力的时候,会去阅读一些前辈整理的书籍或者手写的笔记资料,这些笔记详细记载了他们对一些技术点的理解,这些理解是比较独到,可以学到不一样的思路。

img

四、Python视频合集

观看全面零基础学习视频,看视频学习是最快捷也是最有效果的方式,跟着视频中老师的思路,从基础到深入,还是很容易入门的。

img

五、实战案例

纸上得来终觉浅,要学会跟着视频一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。img

六、面试宝典

在这里插入图片描述

在这里插入图片描述

简历模板在这里插入图片描述

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

需要这份系统化学习资料的朋友,可以戳这里获取

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

  • 7
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值