前端面试题(二)答案版

news2024/11/22 6:43:22

面试形式:线上面试(不露脸):时长40分钟

面试评价:由易到难,由细到全,比较不错

面试官:项目经理

面试官提问(面试题):

1、聊聊最近写的这个项目?项目难点是什么?怎么解决的(描述解决过程)?

答:因人而异,自己总结回答,可以从是什么、为什么、怎么做这3个角度进行总结,当然,如果你们觉得有困难,也可看看我的其他项目细节重难点笔记分享。

2、promise.all()方法使用情景?

答:(1)使用场景:Promise.all()方法用于并行执行多个异步操作,并等待所有操作完成。

(2)使用结果:当所有操作都成功时,返回一个Promise数组;如果有任何一个操作失败,则整个Promise.all()会失败。

3、rem和em区别?(长度单位)

答:rem和em都是相对长度单位,不同之处在于:rem相对于根元素(html)的字体大小,而em相对于当前元素的字体大小。

4、Promise()几种状态?

答:pending(进行中)、fulfilled(已成功)、rejected(已失败)。

5、路由模式hash模式和history模式的区别?

 答:(1)hash模式:使用URL中的hash(#)来标识不同的页面

(2)history模式:使用HTML5新增的pushState和replaceState API,可以实现无刷新跳转。

6、vue3中组件间传值?

答:Vue3中组件间传值主要有:props、emit、provide/inject、mix等方式。

7、移动端适配方案?

答:移动端适配常用方案有:媒体查询、flex布局、vw/vh单位、rem布局等。

8、vue3和vue2响应式模式区别?

答:(1)Vue2使用Object.defineProperty()实现响应式。

(2)Vue3使用Proxy代理实现。Proxy更加灵活,可以监听数组的所有变化。

9、CSS选择器优先级? 

答:CSS选择器优先级从高到低为:内联样式 > ID选择器 > 类/属性/伪类选择器 > 元素选择器 > 通配符选择器。

10、深拷贝和浅拷贝是什么?有什么区别?

答:(1)浅拷贝只复制对象的第一层,浅拷贝效率更高,但无法避免引用问题。

(2)深拷贝会递归复制所有层级。

11、数组去重的方法?

答:数组去重的方法有:Set、Map、filter + indexOf、includes等。

12、元素居中的方法?

答:flex布局:

dd190461918946cb85004e7d4364ba72.png

 

使用 Transform 属性:

3ea8619db9104bfb804b274984d3c288.png

 

使用 margin: auto:

ca8ab775ff214e7cb93c3935322a8a72.png

 

使用 Grid 布局:

025df9ce4a404b44a2396a2400f716fd.png

 

使用 position: absolute 和 margin:

0410ade22c7b4f17a2d4388f52be7ec0.png

 

使用 display: table-cell 和 vertical-align:

ed2ced6c13af452fb9e9819a30516543.png

 

使用 position: fixed 和 transform:

eea8cd0c5c2a4378a8f304370e9f23fa.png

 

使用 Flexbox 和 margin: auto:

b698b5cd5cbb4a078be838f87c47c153.png

 

13、如何在请求头headers携带参数?

答:使用 Fetch API:

13422decda8247598d2edab0baf74caf.png

 

使用 Axios:

53335ec005244144911616ec652468e1.png

 

使用 XMLHttpRequest:

38b3d3ef6dc44e6599a6cc88c1fb274c.png

 

使用 Node.js 的 http 模块:

594cba28ebde4685a1f71346bafe9753.png

 

1、现场代码题目(主要考察作用域)?

答:代码输出结果是什么:

dd0663c493984a20b67fa2c6e387abea.png

 

2、期望薪资?

答:你们回答的参考方向:一般看他们给的区间灵活讲,一般拿给准确值,但有些人会让我们说个范围。

面试者提问(面试题):

公司主要使用技术栈?

答:你们回答的参考方向:需要根据具体公司的情况而定,通常包括前端框架(React/Vue/Angular)、后端语言(Node.js/Java/Python)、数据库(MySQL/MongoDB/Redis)等。

2、公司主要做什么类型项目?

答:你们回答的参考方向:需要根据公司的业务领域而定,可能包括电商、社交、金融、医疗等各种领域的项目。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

相关文章

【Meetup】探索Apache SeaTunnel的二次开发与实战案例

在数据科技快速演进的今天,业务场景的复杂化和数据量的激增,推动了大数据技术的迅速发展,在众多开源大数据处理工具中,Apache SeaTunnel以其强大的数据集成能力,成为众多企业的首选。 但随着应用深入,企业面…

32个小众搜索网站,相信一定有你想要的

首先问你一个问题,你平时都会用什么搜索引擎来进行搜索? 下面我将推荐32个小众搜索网站,相信一定会有你想要的。 1、多吉搜索 首先对因为拒绝商业化黑客攻击、不可抗力而停止服务的多吉搜索表示哀悼,这款由个人开发的小众搜索引…

Flutter基础 -- Flutter布局练习(小项目)

目录 1. Splash 布局(第一页) 1.1 目标 1.2 当前效果图 1.3 创建 Splash 界面 1.4 设置 MaterialApp 1.5 设置 Splash 背景色 1.6 布局 Splash 界面 1.7 总结 2. Splash 圆角图片 2.1 目标 2.2 当前效果图 2.3 蓝湖下载图片 2.4 图片导入项…

QT 信号和槽 一对多关联示例,一个信号,多个槽函数响应,一个信号源如何绑定多个槽函数

在窗体里放置一个单行文本编辑控件(QLineEdit)、一个标签控件(QLabel)和一个文本浏览控件(QTextBrowser),在单行文 本编辑控件里的文本被编辑时,标签控件和文本浏览控件都会同步显示…

OpenMV学习笔记4——二维码识别

一、示例程序 按照下图顺序点击,即可打开官方在IDE中准备好的二维码实例程序: # QRCode Example # # This example shows the power of the OpenMV Cam to detect QR Codes # using lens correction (see the qrcodes_with_lens_corr.py script for hig…

【Vue】项目目录介绍和运行流程

文章目录 一、项目目录介绍二、public/index.html三、src/main.js四、运行流程 一、项目目录介绍 虽然脚手架中的文件有很多,目前咱们只需认识三个文件即可,这三个文件就决定了我们项目的运行 main.js 入口文件App.vue App根组件index.html 模板文件 我…

如何实现vue项目不同屏幕适配(2024最新)

文章目录 1.下载插件,修改px单位为rem单位2.配置vue.config.js(如下图位置所示)3.屏幕自适应4.项目实际使用 1.下载插件,修改px单位为rem单位 npm i postcss-plugin-px2rem2.配置vue.config.js(如下图位置所示) 注意在根目录下,如果没有该文…

【记录贴:分布式系列文章】

分布式系列文章目录 文章目录 分布式系列文章目录前言一、Redisq1.怎么判断是否命中缓存1. MySQL数据库如何检查询查缓存是否命中链接2.如何判断redis是否命中缓存链接 q2.Redis缓存穿透、雪崩、击穿以及分布式锁和本地锁 二、分布式q1.分布式订单号生成策略q2.接口幂等性,防止…

Crosslink-NX器件应用连载(9): USB3.0相机

作者:Hello,Panda 大家晚上好,很久没有分享设计案例了,实在是太忙了,精力十分有限,今天分享一个CrosslinkNX系列器件用作USB3.0相机的案例。其实就是分享一下使用CrosslinkNX器件设计USB3.0相机主要有两种…

腾讯云 TDMQ for Apache Pulsar 多地区高可用容灾实践

作者介绍 林宇强 腾讯云高级工程师 专注于消息队列、API网关、微服务、数据同步等 PaaS 领域。有多年的开发和维护经验,目前在腾讯云从事 TDMQ Pulsar 商业化产品方向的研发工作。 导语 本文将从四个维度,深入剖析 Pulsar 在多可用区高可用领域的容…

C++ 并发编程指南(5)线程状态及切换

文章目录 一、多线程状态及切换1、线程状态2、状态切换 前言&#xff1a; C中的线程状态及切换是操作系统和C线程库&#xff08;如POSIX线程或C11及之后的<thread>库&#xff09;共同管理的。线程的状态和切换是多线程编程中的重要概念&#xff0c;下面将简要介绍C线程的…

105.网络游戏逆向分析与漏洞攻防-装备系统数据分析-处理装备与技能数据的创建

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 如果看不懂、不知道现在做的什么&#xff0c;那就跟着做完看效果&#xff0c;代码看不懂是正常的&#xff0c;只要会抄就行&#xff0c;抄着抄着就能懂了 内容…

SpringBoot+Vue校园管理系统(前后端分离)

技术栈 JavaSpringBootMavenMyBatisMySQLVueElement-UIShiro 系统角色 管理员用户院系管理员 系统功能截图

Simulink建立4WIS线性二自由度参考模型

4WIS线性二自由度参考模型 基于前轮转向做了小改动&#xff0c;难度不大&#xff0c;相当于两个微分方程加了两项 Simulink向CarSim中输入四个车轮的转角 有一点注意&#xff0c;四轮转向&#xff0c;前后轴车轮转角不应相等&#xff0c;否则动画会很滑稽 同侧车轮转向角的大小…

:长亭雷池社区版动态防护体验测评

序 长亭雷池在最近发布了动态防护功能&#xff0c;据说可以动态加密保护网页前端代码和阻止爬虫行为、阻止漏洞扫描行为等。今天就来体验测试一下 WAF 是什么 WAF 是 Web Application Firewall 的缩写&#xff0c;也被称为 Web 应用防火墙。区别于传统防火墙&#xff0c;WAF …

基于STM32开发的智能建筑能耗管理系统

目录 引言环境准备智能建筑能耗管理系统基础代码实现&#xff1a;实现智能建筑能耗管理系统 4.1 能耗传感器数据读取4.2 电器设备控制4.3 实时数据监控与分析4.4 用户界面与数据可视化应用场景&#xff1a;能耗管理与优化问题解决方案与优化收尾与总结 1. 引言 随着智能建筑…

nc解决自定义参照字段前台保存后只显示主键的问题

nc解决自定义参照字段前台保存后只显示主键的问题 自定义参照类VoucherRefModel.java package nc.ui.jych.ref;import nc.ui.bd.ref.AbstractRefModel;/*** desc 凭证号参照* author hanh**/ public class VoucherRefModel extends AbstractRefModel {Overridepublic String[…

安全U盘和普通U盘有什么区别?

安全U盘&#xff08;也称为加密U盘或安全闪存驱动器&#xff09;与普通U盘肯定是有一些区别的&#xff0c;从字面意思上来看&#xff0c;就能看出&#xff0c;安全U盘是能够保护文件数据安全性的&#xff0c;普通U盘没这一些功能的&#xff0c;可随意拷贝文件&#xff0c;不防盗…

使用最小花费爬楼梯 | 动态规划

1.使用最小花费爬楼梯 题目连接&#xff1a;746. 使用最小花费爬楼梯 给你一个整数数组 cost &#xff0c;其中 cost[i] 是从楼梯第 i 个台阶向上爬需要支付的费用。一旦你支付此费用&#xff0c;即可选择向上爬一个或者两个台阶。 你可以选择从下标为 0 或下标为 1 的台阶开…

K210视觉识别模块学习笔记3:内存卡写入拍摄图片_LED三色灯的操作_按键操作_定时器的配置使用

今日开始学习K210视觉识别模块: LED三色灯的操作_按键操作_定时器的配置使用_内存卡写入拍摄图片 亚博智能的K210视觉识别模块...... 固件库版本: canmv_yahboom_v2.1.1.bin 本文最终目的是编写一个按键拍照的例程序&#xff1a; 为以后的专用场景的模型训练做准备&#xf…