刚面试完的前端面试题

今天晚上参加了一场长达40多分钟的技术面。我觉得面试官非常专业,问的问题也都是很棒的!自己很多知识都需要学习。所以我决定回想并记录下来。回答不对的地方欢迎大家指正!

我自己在小本本上回忆出来的大概就是26道题。后期我会持续更新我学习知识点后的正确答案!

1.项目中前端性能优化有哪些?

答:1.减少http请求,2.图片压缩,用雪碧图,用合适格式的图片以及base64  3.代码压缩

2.gitlab知道吗?

答:因为我确实不知道,搜了一下原来就是和GitHub类似的,可以免费创建私人项目的工具。其实我应该回答一下用过GitHub就好了。

3.创建对象有哪些方法?

> 答:1.用对象字面量 2.用new Object  3.构造函 4.Object.create

4.js ES6有哪些新特性?

> 答:箭头函数,let,const,三个点【展开运算符】 只想到这几个。不熟悉的不敢说,怕给自己埋雷!!!

5.你知道的react生命周期函数有哪些?都用来干嘛的?

> 答:componentDidMount【请求后台】  componentWillReceiveProps【更新数据】 componentWillUnMount 【清空数据】render[渲染页面]

6.为什么要在componentDidMount请求后台?
答:这个我不知道,我这边回答的是页面已经渲染好了。面试官告诉我这里请求服务器渲染会出问题,问我做过服务器渲染吗?我说我没有。然后就下一个问题了。

7.实现一个数组乱序输出

答:我就想到了math.random去找下标。但是具体的实现也不会。面试官很好,我不会的他也不会为难我。

8.ADM CMD COMMONJS 区别?

9.webpack你知道有哪些用法?怎么处理css,less 排序?

10.怎么实现预加载?

11.hashRouter和BrowserRouter的区别?

答:hashRouter有#号,BrowserRouter没有#号。区别BrowserRouter更优美。

12.ajax用到的请求方式有哪些?

答:get put delete post,但是面试官告诉我有12种!

13.react高阶函数是什么?和普通函数的区别?

答:不知道,下来在调研一下。

14.什么是虚拟DOM,好处?

答:可以实现局部渲染,提高页面性能

15.script怎么实现异步加载?

答:1.放在底部 2.async 3.defer

16.什么是原型?怎么取到上级的方法?

17.继承怎么实现?

18.自动化?

19.预加载及实现

20.箭头函数优点?

答:优美,简洁,代码可读性高。

21.知道箭头函数的this吗?

答:可以实现谁调用this就指向谁,不需要在bind.

22.typeScript用过吗?

答:没有

23.项目中react路由怎么实现的?数据传递?

答:用的一个Route实现的。state props

24.知道options?做到多页面吗?

答:不知道,只有单页面经历。

25.http2.0?

26.浏览器的缓存机制?

有想了解更多的小伙伴可以加Q群链接里面看一下,应该对你们能够有所帮助。



喜欢的朋友记得点赞、收藏、关注哦!!!

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

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

相关文章

【测试-BUG篇】软件测试的BUG知识你了解多少呢?

文章目录 1. 软件测试的生命周期2. BUG3. BUG的生命周期4. 与开发人员起争执怎么办 1. 软件测试的生命周期 🍎软件测试 贯穿整个软件的生命周期; 🍎软件测试的生命周期是指测试流程; ①需求分析 用户角度:软件需求是…

资源管理5步法:优化你的项目管理

作为项目经理,负责交付项目是一项复杂且要求严格的任务。在缺乏必要的专业知识、工具、设备以及资金支持的情况下,成功完成项目几乎是不可能的。 因此,项目资源的规划与分配是项目启动前至关重要的环节。若未能妥善规划,将可能导…

测试卡(1)灰卡

#灵感# 灰卡为什么是18%?文章分为三部分,前部分,解释灰卡的定义,后部分是 市场买的18%灰卡的说明书,其中穿插了网络上搜到的灰卡使用案例。 目录 18% 中性灰卡应用说明 1) 曝光水平 例子:用灰…

有些硬盘录像机接入视频汇聚平台EasyCVR后通道不显示/显示不全,该如何处理?

EasyCVR视频监控汇聚管理平台是一款针对大中型项目设计的跨区域网络化视频监控集中管理平台。该平台不仅具备视频资源管理、设备管理、用户管理、运维管理和安全管理等功能,还支持多种主流标准协议,如GB28181、RTSP/Onvif、RTMP、部标JT808、GA/T 1400协…

初识Linux以及Linux的基本命令

千呼万唤始出来,Linux系列的文章从今天起开始不定期更新,闲话少叙,我们直接进入正题 初识Linux 这一部分我不打算给大家讲Linux的发展史啥的,直接从系统方面开始介绍 首先,我们平时用win10或win11所看到的桌面以及各…

Pycharm 本地搭建 stable-diffusion-webui

一、下载工程源码 Github官方连接 https://github.com/AUTOMATIC1111/stable-diffusion-webui 二、Pycharm打开工程 1、设置环境 文件-设置-项目-Python解析器-添加解释器-添加本地解释器 Conda环境-创造新环境-Python版本3.10 注意一定要选择Python3.10版本,否…

985官宣:19名本科生,获国自然项目!

9月24日,据复旦大学教务处消息,国家自然科学基金委公布了2024年国家自然科学基金青年学生基础研究项目(本科生)立项情况,复旦大学共有19名基础学科专业本科生获得国家自然科学基金委资助。 此前,据武汉大学…

浮点数的这些特性你了解吗

问题1:下面的代码,输出结果是什么: public class CaclTest{public void test1(){float f 1.0F / 0.0F;System.out.println("f:" f)}public static void main(String[] args){CaclTest ct new CaclTest();ct.test1();}} A. 运行抛出异常:j…

vue3监听子组件的生命周期

1.Vue3使用vue&#xff0c;vue2使用hook template:<compG vue:mounted"doSomething"></compG>script://监听子组件生命周期let doSomething (e: any) > {console.log("没有啊11", e);}; 2.打印结果

誉天Linux云计算课程学什么?为什么保障就业?

一个IT工程师相当于干了哪些职业? 其中置顶回答生动而形象地描绘道&#xff1a; 一个IT工程师宛如一个超级多面手&#xff0c;相当于——加班狂程序员测试工程师实施工程师网络工程师电工装卸工搬运工超人。 此中酸甜苦辣咸&#xff0c;相信很多小伙伴们都深有体会。除了典…

macOS 开发环境配置与应用开发

✅作者简介&#xff1a;2022年博客新星 第八。热爱国学的Java后端开发者&#xff0c;修心和技术同步精进。 &#x1f34e;个人主页&#xff1a;Java Fans的博客 &#x1f34a;个人信条&#xff1a;不迁怒&#xff0c;不贰过。小知识&#xff0c;大智慧。 &#x1f49e;当前专栏…

【LeetCode】动态规划—931. 下降路径最小和(附完整Python/C++代码)

动态规划—931. 下降路径最小和 前言题目描述基本思路1. 问题定义2. 理解问题和递推关系3. 解决方法3.1 动态规划方法3.2 空间优化的动态规划 4. 进一步优化4.1 空间复杂度优化 5. 小总结 代码实现Python3代码实现Python 代码解释C代码实现C 代码解释 总结: 前言 在算法的学习…

MWORKS.Sysplorer 2024b重磅推出同元基础库

一、引言 MWORKS.Sysplorer 是多领域建模与仿真平台&#xff0c;集成了Modelica标准库。该库由Modelica协会开发&#xff0c;是一款开源的通用基础模型库&#xff0c;支持机电、流体、控制等多个专业领域的建模与仿真。随着Modelica标准库的不断发展与更新&#xff0c;目前最新…

【设计模式-中介者模式】

定义 中介者模式&#xff08;Mediator Pattern&#xff09;是一种行为设计模式&#xff0c;通过引入一个中介者对象&#xff0c;来降低多个对象之间的直接交互&#xff0c;从而减少它们之间的耦合度。中介者充当不同对象之间的协调者&#xff0c;使得对象之间的通信变得简单且…

双十一不被割韭菜!2024双十一总结五款好物分享!

每年双十一购物节来临之际&#xff0c;随着心仪商品缓缓填满购物车&#xff0c;那份对即将收获的期待与内心的喜悦&#xff0c;自然而然地溢于言表。在这个优惠纷呈的购物盛宴中&#xff0c;寻找那些既符合个人需求又具备高品质的宝贝&#xff0c;成为了一项既充满乐趣又考验眼…

大语言模型在构建UNSPSC 分类数据中的应用

UNSPSC 是联合国标准产品和服务代码。UNSPSC由联合国开发计划署&#xff08;UNDP&#xff09;和Dun & Bradstreet公司&#xff08;D & B&#xff09;于1998年联合制定&#xff0c;自2003年以来一直由GS1 US管理。GS1 US 将在 2024 年底前将 UNSPSC 的管理权移交给 UNDP…

胤娲科技:揭秘AI记忆宫殿—LLM如何用动画玩转乔丹打篮球的秘密

当AI遇上“乔丹打篮球”&#xff0c;真相竟然藏在动画里&#xff1f; 想象一下&#xff0c;你向一位AI大模型轻声询问&#xff1a;“迈克尔・乔丹从事的体育运动是……”几乎在瞬间&#xff0c;它就自信满满地回答&#xff1a;“篮球&#xff01;” 这一刻&#xff0c;你是否曾…

跨境电商新风尚:一键解锁中国电商的全球代购奇迹

在全球化日益加深的今天&#xff0c;跨境电商成为了连接中国与世界消费者的桥梁&#xff0c;尤其是为国外客户代购中国电商商品的服务&#xff0c;正以一种前所未有的方式改变着国际购物体验。本文将深入探讨跨境电商代购系统的基本功能&#xff0c;揭示其背后的技术魅力与商业…

C#绘制动态曲线

前言 用于实时显示数据动态曲线&#xff0c;比如&#xff1a;SOC。 //用于绘制动态曲线&#xff0c;可置于定时函数中&#xff0c;定时更新数据曲线 void DrawSocGraph() {double f (double)MainForm.readData[12]; //display datachart1.Series[0].Points.Add(f);if (ch…

如何在云端地球建模云平台利用无人机航拍照片进行三维建模?

第一步&#xff1a;导入照片 进入云端地球工作台&#xff0c;选择【场景建模】将航拍的照片组导入。 输入模型名称&#xff08;若无则无法上传&#xff09;&#xff0c;点击【上传】&#xff0c;将照片上传到云端服务器。 第二步&#xff1a;创建任务 上传成功后点击开始处理…