前端面试
前端面试题目汇总
qq_45814648
这个作者很懒,什么都没留下…
展开
-
基本数据类型和引用数据类型的区别
假如声明两个引用类型同时指向了一个地址的时候,修改其中一个那么另外一个也会改变。基本数据类型:String Number Boolean undefined null。保存在堆内存当中,声明一个引用类型的变量,它保存的是引用类型数据的地址。引用数据类型(复杂数据类型):Object Function Array。基本数据类型保存在栈内存当中,保存的就是一个具体的值。原创 2024-01-27 15:53:49 · 204 阅读 · 0 评论 -
事件委托是什么
addEventListener('click',函数名,true/false) 默认是false(事件冒泡),true(事件捕获)又叫事件代理,原理就是利用了事件冒泡的机制来实现,也就是说把子元素的事件绑定到了父元素的身上。组织事件冒泡:event.stopPropagation()好处:提高性能,减少事件的绑定,也就减少了内存的占用。如果子元素阻止了事件冒泡,那么委托也就不成立。原创 2024-01-27 15:43:32 · 80 阅读 · 0 评论 -
什么是闭包,闭包有什么特点
特点:可以重复利用变量,并且这个变量不会污染全局的一种机制;这个变量是一直保存再内存中,不会被垃圾回收机制回收。缺点:闭包较多的时候,会消耗内存,导致页面的性能下降,在IE浏览器中才会导致内存泄漏。函数嵌套函数,内部函数被外部函数返回并保存下来时,就会产生闭包。使用场景:防抖,节流,函数嵌套函数避免全局污染的时候。原创 2024-01-27 15:25:55 · 78 阅读 · 0 评论 -
原型、原型链是什么
原型就是一个普通对象,它是为构造函数的实例共享属性和方法;所有实例中引用的原型都是同一个对象(可以理解为原型是一个类,原型上的方法,实例化后都能用)实例对象和构造函数的__proto__指向构造函数原型,原型的__proto__指向父类原型。一个实例对象在调用属性和方法的时候,会依次从实例本身、构造函数原型、原型的原型上去查找。可以理解为指针,实例对象中的属性,指向了构造函数的原型(prototype)使用prototype可以把方法挂在原型上,内存值保存一份。原创 2024-01-27 18:28:49 · 148 阅读 · 0 评论 -
前端的内存泄露怎么理解
JS里已经分配内存地址的对象,但是由于长时间没有释放或者没办法清除,造成长期占用内存的现象,会让内存资源大幅浪费,最终导致运行速度慢,甚至崩溃的情况。因素:一些为声明直接赋值的变量;一些未清空的定时器;一些引用元素没有被清除。原创 2024-01-27 15:31:18 · 91 阅读 · 0 评论 -
CSS隐藏元素的方法有哪些
设置了元素的透明度为0,元素不可见,占据空间位置。让元素消失,占据空间位置,一种不可见的状态。元素在页面上消失,不占据空间。原创 2024-01-12 20:36:27 · 323 阅读 · 0 评论 -
CSS的盒模型
控制盒模型的模式:box-sizing:content-box(默认值,标准盒模型)、border-box(IE盒模型);标准盒模型 margin + border + padding + content IE。盒模型 margin + content(border + padding)盒子的组成:内容content、内边距padding、边框border、外边距margin。在HTML页面中的所有元素都可以看成是一个盒子。原创 2024-01-12 20:28:45 · 335 阅读 · 0 评论 -
CSS选择器的优先级
important > 行内样式 > id > 类/伪类/属性 > 标签 > 全局选择器。优先级:写CSS样式的时候,会给同一个元素添加多个样式,此时谁的权重高就显示谁的样式。标签、类/伪类/属性、全局选择器、行内样式、id、!CSS的特性:继承性、层叠性、优先级。原创 2024-01-12 20:34:22 · 371 阅读 · 0 评论 -
CSS预处理器
预处理语言增加了变量、函数、混入等强大的功能。原创 2024-01-27 14:23:12 · 87 阅读 · 0 评论 -
JS对数据类型的检测方式有哪些
typeof():只能判断基础数据类型,引用数据类型就不行,无法区分数组与对象(都显示为object类型)Object.prototype.toString.call():最完美的方法。原创 2024-01-27 14:59:46 · 91 阅读 · 0 评论 -
JS由哪三部分组成
ECMAScript:JS的核心内容,描述了语言的基础语法,比如var,for,数据类型(数组、字符串)文档对象模型(DOM):DOM把整个HTML页面规划为元素构成的文档。浏览器对象模型(BOM):对浏览器窗口进行访问和操作。原创 2024-01-27 14:33:56 · 106 阅读 · 0 评论 -
重绘重排有什么区别
对DOM的样式进行修改,比如color和background-color,浏览器不需要重新计算几何属性的时候,直接绘制了该元素的新样式,那么这里就只触发了重绘。对DOM的大小、位置进行修改后,浏览器需要重新计算元素的这些几何属性,就叫重排。重绘:计算好盒模型的位置、大小和其他一些属性之后,浏览器就会根据每个盒模型的特性进行绘制。重排(回流):布局引擎会根据所有的样式计算出盒模型在页面上的位置和大小。原创 2024-01-12 20:41:57 · 343 阅读 · 0 评论 -
px和rem的区别是什么
rem,相对单位,相对于html根节点的font-size的值,直接给html节点的font-size:62.5%;px是像素,显示器上给我们呈现画面的像素,每个像素的大小是一样,绝对单位长度。原创 2024-01-12 20:39:07 · 458 阅读 · 0 评论 -
JS有哪些内置对象
Array。原创 2024-01-27 14:41:08 · 109 阅读 · 0 评论 -
让一个元素水平垂直居中的方式有哪些
2.定位+transform。1.定位+margin。原创 2024-01-12 20:52:53 · 354 阅读 · 0 评论 -
CSS的哪些属性哪些可以继承?哪些不可以继承
3.元素的可见性:visibility:hidden。4.表格布局的属性:border-spacing。2.文本的一些属性:line-height。CSS的三大特性:继承、层叠、优先级。5.列表的属性:list-style。子元素可以继承父类元素的样式。1.字体的一些属性:font。6.页面样式属性:page。原创 2024-01-12 20:56:03 · 401 阅读 · 0 评论 -
v-if和v-show的区别
总的来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要频繁切换,则使用 v-show 较好;如果在运行时绑定条件很少改变,则 v-if 会更合适。v-if 也是惰性的:如果在初次渲染时条件值为 false,则不会做任何事。相比之下,v-show 简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS display 属性会被切换。v-if 是“真实的”按条件渲染,因为它确保了在切换时,条件区块内的事件监听器和子组件都会被销毁与重建。原创 2024-01-12 18:27:26 · 326 阅读 · 0 评论 -
vue组件通信
文章链接:https://www.jianshu.com/p/cb408dd86f73转载 2024-01-10 14:43:16 · 26 阅读 · 1 评论 -
css两栏布局
文章链接:https://blog.csdn.net/weixin_44164982/article/details/107397350原创 2024-01-09 17:33:48 · 549 阅读 · 0 评论 -
CSS选择器和优先级
链接:原创 2024-01-09 16:47:07 · 367 阅读 · 0 评论 -
call和apply的区别
例如,如果有一个函数func,可以使用func.apply(thisValue, [arg1, arg2, …])的方式调用函数,并将thisValue作为函数内部的this值,[arg1, arg2]作为函数的参数。)的方式调用函数,并将thisValue作为函数内部的this值,arg1、arg2等作为函数的参数。call方法将参数按照顺序依次传递给函数,apply方法将参数以数组的形式传递给函数。除了以上的区别,call和apply方法的作用是相同的,都是用于改变函数内部的this指向。原创 2024-01-09 15:53:11 · 403 阅读 · 0 评论 -
CSS几种定位的使用
固定定位的参照物是浏览器的窗口,相比较前两个,这个是我们布局中常用到的,比如我们常见的一些导航栏的固定,侧边固定的广告位置等等都是使用固定定位来完成的。使用固定定位之后的元素不会随着浏览器窗口的滚动发生位置的变化。绝对定位的使用会让元素脱离文档流,和浮动的一些原理相似,使用绝对定位之后的元素也可以让行元素支持所有的CSS样式。相对定位的参照物是使用相对定位之前盒子的位置,可以理解为使用相对定位会让盒子按照盒子现在的位置来发生偏移。固定定位的特点和绝对定位的特点相似,也会脱离文档流,清除子级的浮动。转载 2024-01-09 14:39:25 · 34 阅读 · 0 评论 -
reactive和ref有什么区别
reactive 和 ref 是 Vue 3 中的两种响应式数据绑定方式,ref 适用于简单的响应式数据,而 reactive 则适用于复杂对象或数组的响应式数据。原创 2024-01-09 14:56:04 · 1668 阅读 · 0 评论 -
let和var的区别
向量自回归(VAR)是基于数据的统计性质建立模型,VAR模型把系统中每一个内生变量作为系统中所有内生变量的滞后值的函数来构造模型,从而将单变量自回归模型推广到由多元时间序列变量组成的“向量”自回归模型。VAR模型是处理多个相关经济指标的分析与预测最容易操作的模型之一,并且在一定的条件下,多元MA和ARMA模型也可转化成VAR模型,因此近年来VAR模型受到越来越多的经济工作者的重视。在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的。原创 2024-01-09 14:46:14 · 333 阅读 · 0 评论