2024年前端面试题加答案,2024年这些高频面试知识点最后再发一次

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中使用闭包;

定时器未清除;

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

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Python工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Python开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img



既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Python开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注Python)
img

s://img-blog.csdnimg.cn/img_convert/9f49b566129f47b8a67243c1008edf79.png)

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Python开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注Python)
[外链图片转存中…(img-gzZTluI8-1711719088841)]

  • 5
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2024前端面试题可能会涉及以下几个方面的内容: 1. HTML/CSS基础知识:包括HTML标签的使用、CSS选择器、盒模型、浮动、定位等基本概念和常见问题。 2. JavaScript基础知识:包括数据类型、变量、运算符、流程控制语句、函数、作用域、闭包等基本概念和常见问题。 3. 前端框架和库:例如React、Vue等,可能会涉及到它们的基本原理、生命周期、组件通信等方面的问题。 4. 前端性能优化:包括减少HTTP请求、压缩和合并文件、使用CDN速、懒载、缓存等方面的知识。 5. 前端工程化:包括模块化开发、构建工具(如Webpack)、版本控制(如Git)、自动化测试等方面的知识。 6. 前端安全:包括XSS攻击、CSRF攻击、点击劫持等常见安全问题及其防范措施。 7. 前端跨域问题:包括同源策略、跨域请求的方法(如JSONP、CORS等)以及解决跨域问题的方案。 8. 移动端开发:包括响应式设计、移动端适配、触摸事件、移动端性能优化等方面的知识。 9. Web标准和浏览器兼容性:包括HTML5、CSS3的新特性以及不同浏览器之间的差异和兼容性问题。 10. 数据可视化:包括使用图表库(如Echarts、D3.js)进行数据可视化的基本原理和常见问题。 以上只是一些可能涉及到的内容,具体的面试题目还会根据面试官的要求和公司的需求而有所不同。在准备面试时,建议多做一些实际项目练习,深对前端知识的理解和应用能力。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值