2024年最新前端面试题第一期

news2025/11/3 7:21:37

1. 什么是闭包?

函数和函数内部能访问到的变量(也叫环境)的总和,就是一个闭包。

2. 防抖和节流的应用场景?

(1)都是防止某一时间频繁出发,但原理不同。

(2)防抖是将多次执行变为只执行一次。

(3)节流是将多次执行变为每隔一段时间执行。

(4)防抖:如serch搜索联想,用户在不断输入值时,用防抖来节约请求资源,window触发resize的时候,不断的调整浏览器窗口大小会不断触发这个事件,用防抖来让其只触发一次节流。

(5)节流:如鼠标不断点击触发mousedown(单位时间只触发一次)监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断。

3. 继承有哪些方法?

(1)原型链继承

(2)借用构造函数继承(伪造对象,经典继承)

(3)实例继承(原型式继承)

(4)组合式继承

(5)继承组合继承

(6)Es6继承extends

4. slice和splice的区别?

(1)splice改变原数组,除了可以删除元素外,还可以插入元素,可以传入三个参数。

(2)slice不改变原数组,接受两个参数。

5. v-show和v-if的区别?

(1)v-show通过修改元素display的css属性控制是否可视,更节省性能开销,频繁切换时建议使用v-show。

(2)v-if是直接销毁和重建Dow达到让元素显示和隐藏,如果只需一次显示/隐藏,建议使用v-if。

6. v-for循环中为什么使用key?

因为起到做一个唯一的标识,Diff算法就可以正确的识别此节点,作用主要为了高效的更新虚拟Dom。

7. Vue的插槽(slot)主要分哪几种?

(1)分三种:默认插槽、具名插槽、作用域插槽。

(2)Vue中的插槽指的是子组件中提供给父组件使用的一个占位符,用标签表示,父组件可以在这个占位符中填充任何模板代码,比如HTML、组件等,填充的内容会替换掉子组件的标签(替换占位符)。

8. Css的那些属性可以继承?哪些不可以?

(1)Css的三大特性:继承性、层叠性、优先级。

(2)可继承:

        ① 字体系列属性,如:font-size、font-weight等。

        ② 文本系列属性,如:

        (内联元素)color、line-height

        (块级元素)text-indent、text-align

        ③ 元素可见性,如:visibility

        ④ 列表布局属性,如:list-style

        ⑤ 表格布局属性:caption-side

(3)不可继承:

        ① display:规定元素应该生成的框的类型

        ② 文本属性:text-decoration

        ③盒子模型的属性

        ④ 背景属性

        ⑤ 定位属性

9. 预处理语言增加了变量、函数、混入等强大的功能

10. 为什么要清除浮动?

        ① 父级没高度 ② 子盒子浮动了 ③ 会影响下面的布局

11. css中有哪些隐藏页面元素的方法?

        ① 利用display:none来实现

        ② 利用visibility:hidden来隐藏元素

        ③ 利用opacity:0

12. 什么是事件循环?

        JS中处理异步操作的机制,事件循环机制是事件循环不断的从任务队列中取出任务,并执行其对应的回调函数的过程

13. 什么是柯里化?

        一种将接收多个参数的函数转换为接收一个参数并返回一个新函数的过程

14. HTML5新特性有哪些?

        HTML5不再仅仅是SGML的子集,‌而是增加了关于图像、‌位置、‌存储、‌多任务等功能。‌具体包括绘画canvas、‌用于媒介回放的video和audio元素、‌本地离线存储localStorage和sessionStorage、‌语意化更好的内容元素、‌新的表单控件、‌webworker、‌websocket、‌Geolocation等

15. 什么是BFC?

        块级格式上下文,BFC是页面盒模型布局中的一种CSS渲染模式,‌相当于一个独立的容器,‌里面的元素和外部的元素相互不影响。‌创建BFC的方式包括html根元素、‌float浮动、‌绝对定位、‌overflow不为visable、‌display为表格布局或者弹性布局等

16. 内元素和块级元素?

        内元素不会独立出现在一行,‌默认的高宽是其内容的高宽,‌margin和padding值只有左右有效。‌而块级元素则会独占一行,‌其宽度默认是容器的100%,‌可以设置宽度和高度1。‌

17. Vue3的生命周期 ?

        Vue3引入了新的生命周期钩子,‌包括onBeforeMount、‌onMounted、‌onBeforeUpdate、‌onUpdated、‌onBeforeUnmount、‌onUnmounted等,‌这些钩子函数在Vue组件的不同阶段被调用。​​

18. Vuex的属性和使用:‌

        Vuex是一个状态管理模式,‌用于管理共享的状态。‌它包含state、‌getters、‌mutations、‌actions和modules等属性。‌State用于存储变量,‌getters用于从state中派生数据,‌mutations用于提交更新数据的方法(‌必须是同步的)‌,‌actions用于提交mutation或包含异步操作

19. 跨域问题?

        跨域问题是由于浏览器同源策略的限制,‌当在页面上发送ajax请求时,‌如果当前页面和服务端不同源(‌协议、‌域名和端口号不一致)‌,‌则会产生跨域问题。‌解决方案包括使用Node中间件跨域(‌http-proxy-middleware)‌等。

       

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2043670.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

尊享奢睡新境界:康姿百德柔压磁性枕匠心设计引领品质睡眠革命

重塑睡眠艺术:揭秘康姿百德豪华磁性枕,个性化支撑与卓越透气性的完美融合 在现代家居生活中,细节往往决定了整体的品质。而在睡眠方面,一款好的枕头能够改变我们的睡眠体验。康姿百德柔压磁性枕(豪华款)正…

Anaconda使用

查看conda版本: conda -V查看支持的cuda版本: nvidia -smi 输出为: Mon Aug 12 12:35:26 2024 ----------------------------------------------------------------------------- | NVIDIA-SMI 528.92 Driver Version: 528.…

string详解(2)— 模拟实现

1.经典的string类实现 最主要是实现string类的构造、拷贝构造、赋值运算符重载以及析构函数。 (1) String.h 为了与库里的string进行区分我们使用String&#xff1a; // String.h#pragma once #define _CRT_SECURE_NO_WARNINGS 1 #include<iostream> #include<stri…

在linux上架设Web服务器Apache(Ubuntu)

欢迎诸位来阅读在下的博文~ 在这里&#xff0c;在下会不定期发表一些浅薄的知识和经验&#xff0c;望诸位能与在下多多交流&#xff0c;共同努力! 江山如画&#xff0c;客心如若&#xff0c;欢迎到访&#xff0c;一展风采 文章目录 背景1. 安装 Apache2. 启动和检查 Apache 服务…

计算机的错误计算(六十三)

摘要 计算机的错误计算&#xff08;五十六&#xff09;探讨了大数的正切函数值的错误计算。本节讨论大数的余切函数的计算精度问题。 例1. 已知 计算 不妨用 3种方法计算。 (1) 在 Python 中利用 直接贴图&#xff1a; (2) 在 Java 中利用 若运行下列代码 import ja…

【Python快速入门和实践016】Python常用脚本-对视频抽取指定帧数并保存

一、功能介绍 这段代码的功能是从一个视频文件中抽取指定数量的帧&#xff0c;并将这些帧保存为图像文件。步骤如下&#xff1a; 设置路径和参数&#xff1a; video_path&#xff1a;视频文件的路径。image_folder&#xff1a;保存抽取图像的目录。num_frames_to_extract&#…

FL Studio21.2.4最新中文版免费下载汉化包破解补丁

&#x1f389; FL Studio 21中文版新功能全解析&#xff01;让你的音乐制作更加高效&#xff01; 嘿&#xff0c;各位音乐制作的小伙伴儿们&#xff0c;今天我要安利一款你们绝对会爱上的神器——FL Studio 21中文版&#xff01;这款软件不仅功能强大&#xff0c;而且操作简便…

【ARM】解析MDK生成的C Compiler list文件的具体内容

1、 文档目标 用于解析MDK生成的C Compiler list文件的具体内容。 2、 问题场景 在MDK的options窗口中的Listing栏中有生成对应的源文件的编译列表&#xff08;如图2-1&#xff09;。但是&#xff0c;对于这个生成的列表中包含什么具体的信息就不太清楚了。 图2-1 3、软硬件…

智慧安防/一网统管/视频监控EasyCVR视频汇聚平台的视频轻量化特点及应用

在数字化时代&#xff0c;视频监控已成为保障公共安全、提升管理效率的重要手段。随着技术的不断进步&#xff0c;EasyCVR视频汇聚平台应运而生&#xff0c;平台以其独特的视频轻量化特点在安防监控领域展现出强大的应用潜力。本文将详细探讨EasyCVR视频汇聚平台的视频轻量化特…

空间变换其参数化二

目录 刚性变换的问题描述 最优平移向量求解 最优旋转矩阵求解 反射矩阵消除 基于SVD刚性变换矩阵计算流程总结 刚性变换的问题描述 令P{p_1,p_2,...,p_n}和Q{q_1,q_2,...,q_n}是R^d空间内的两组对应的点。希望找到一个刚性的变换&#xff0c;在最小二乘的意义上最优地对齐…

如何使用pholcus库进行多线程网页标题抓取以提高效率?

在当今信息爆炸的时代&#xff0c;数据抓取已成为获取信息的重要手段。Go语言因其高效的并发处理能力而成为编写爬虫的首选语言之一。pholcus库&#xff0c;作为一个强大的Go语言爬虫框架&#xff0c;提供了多线程抓取的能力&#xff0c;可以显著提高数据抓取的效率。本文将介绍…

搭建内网开发环境(四)|基于nexus搭建maven私服

引言 在前面一篇教程中&#xff0c;通过 docker-compose 快速搭建好了开发环境所需的应用&#xff0c;本文介绍基于 nexus 搭建 maven 私服&#xff1b;虽然本篇教程是基于内网的&#xff0c;但是本文会分别介绍在拥有外网的情况下配置私服和内网的情况下配置私服&#xff0c;…

【论文阅读03】用于海洋物体检测的多注意力路径聚合网络

来源&#xff1a;用于海洋物体检测的多注意力路径聚合网络 |应用智能 (springer.com) 一、背景&#xff1a; 水下图像存在偏色、对比度低、能见度低等问题&#xff0c;使得海洋物体难以被探测到。这些都增加了海上目标探测的难度。 目前流行的检测器方法是基于卷积神经网络&…

怎么将pdf转为ppt文件?pdf转ppt的8个方法

在诸多职场与学术交流的场合中&#xff0c;我们时常面临将详尽的PDF文件转化为生动且易于编辑的PPT演示文稿的需求。这一转换不仅是为了满足演示时的灵活性&#xff0c;更是为了提升信息传递的效率与观众的理解度。从简单的在线工具到功能全面的专业软件&#xff0c;我们拥有多…

使用balenaEtcher制作 macOS 系统启动u盘

第一步&#xff1a;首先准备一个U盘要求8G(macOS Catalina 10.15.x及以上要求16G)或以上的空U盘&#xff0c;有资料会被格式化 第二步&#xff1a;下载并安装etcher https://www.apple114.com/threads/83/ 第三步&#xff1a;下载macOS引导镜像 (通过序列号查询电脑确认电脑…

Hive3:常用查询语句整理

一、数据准备 建库 CREATE DATABASE itheima; USE itheima;订单表 CREATE TABLE itheima.orders (orderId bigint COMMENT 订单id,orderNo string COMMENT 订单编号,shopId bigint COMMENT 门店id,userId bigint COMMENT 用户id,orderStatus tinyint COMMENT 订单状态 -3:用…

记录前后端接口使用AES+RSA混合加解密

一、前言 由于项目需求&#xff0c;需要用到前后端数据的加解密操作。在网上查找了了相关资料&#xff0c;但在实际应用中遇到了一些问题&#xff0c;不能完全满足我的要求。 以此为基础&#xff08;前后端接口AESRSA混合加解密详解&#xff08;vueSpringBoot&#xff09;附完…

讲解 狼人杀中的买单双是什么意思

买单双这个概念通常出现在有第三方的板子中 比如 咒狐板子 丘比特板子 咒狐板子 第一天狼队只要推掉预言家 第二天就可以与咒狐协商绑票 推出其他好人 以及丘比特板子 如果拉出一个人狼链 那么如果孤独再连一个狼人 那么 狼队第一天就可以直接派人上去拿警徽&#xff0c;这样…

NDP(Neighbor Discovery Protocol)简介

定义 邻居发现协议NDP&#xff08;Neighbor Discovery Protocol&#xff09;是IPv6协议体系中一个重要的基础协议。邻居发现协议替代了IPv4的ARP&#xff08;Address Resolution Protocol&#xff09;和ICMP路由设备发现&#xff08;Router Discovery&#xff09;&#xff0c;…

萌啦数据插件使用情况分析,萌啦数据插件下载

在当今数字化时代&#xff0c;数据已成为企业决策与个人分析不可或缺的重要资源。随着数据分析工具的日益丰富&#xff0c;一款高效、易用的数据插件成为了众多用户的心头好。其中&#xff0c;“萌啦数据插件”凭借其独特的优势&#xff0c;在众多竞品中脱颖而出&#xff0c;成…