刚面试完的前端面试题

今天晚上参加了一场长达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.mzph.cn/pingmian/55023.shtml

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

相关文章

数字图像处理:空间域滤波

1.数字图像处理:空间域滤波 1.1 滤波器核(相关核)与卷积 图像上的邻域计算 线性空间滤波的原理 滤波器核(相关核)是如何得到的? 空间域的卷积 卷积:滤波器核与window中的对应值相乘后所有…

如何使用 ChatGPT 生成万字长文?

要使用ChatGPT生成万字长文,可以采用以下方法,以保证文章结构清晰,内容充实: 1. 确定主题和大纲 明确主题:先确定文章的中心主题,例如技术、文学、历史、哲学等领域的具体问题。细化大纲:将主…

单链表(纯代码)

SListNode.h #pragma once #include <stdio.h> #include<assert.h> #include<stdlib.h> typedef int SLDatetype; typedef struct SListNode {SLDatetype data;//节点数据struct SListNode* next;//指针保存下一个节点的地址 }SLND;//打印链表 void SLTPrin…

SpringBoot实现学科竞赛管理:最佳实践

摘 要 随着国家教育体制的改革&#xff0c;全国各地举办的竞赛活动数目也是逐年增加&#xff0c;面对如此大的数目的竞赛信息&#xff0c;传统竞赛管理方式已经无法满足需求&#xff0c;为了提高效率&#xff0c;竞赛管理系统应运而生。 本学科竞赛管理系统以实际运用为开发背景…

华为OD真题机试-英文输入法(Java)

华为OD机试真题中的“英文输入法”题目主要考察的是字符串处理、单词提取、以及基于前缀的单词联想功能。以下是对该题目的详细解析&#xff1a; 题目描述 主管期望你来实现英文输入法单词联想功能。具体需求如下&#xff1a; 依据用户输入的单词前缀&#xff0c;从已输入的…

MIMO 2T4R BBU RHUB AAU

MIMO&#xff08;Multiple-Input Multiple-Output&#xff0c;多输入多输出&#xff09;是一种无线通信技术&#xff0c;它通过在发射端和接收端使用多个天线来提高数据传输速率和信号质量。"2T4R"是MIMO技术中的一种配置&#xff0c;其中"2T"代表有两个发…

SpringBoot--为什么Controller是串行的?怎样才能并行?

原文网址&#xff1a;SpringBoot--为什么Controller是串行的&#xff1f;怎样才能并行&#xff1f;-CSDN博客 简介 本文介绍SpringBoot为什么Controller是串行的&#xff1f;在什么场景下才能并行执行&#xff1f; 大家都知道&#xff0c;SpringBoot的Controller按理是并行执…

主流NoSQL及应用场景详解

对比传统关系型数据库&#xff0c;NoSQL有着更为复杂的分类——键值、面向文档、列存储以及图数据库。这里就带你一览NoSQL各种类型的适用场景及一些知名公司的方案选择。 在过去几年&#xff0c;关系型数据库一直是数据持久化的唯一选择&#xff0c;数据工作者考虑的也只是在这…

React学习笔记(四)——React 组件生命周期

目录 1. 生命周期-概览 2. 生命周期-挂载阶段 3. 生命周期-更新阶段 4. 生命周期-卸载阶段 5. setState扩展-发现问题 6. setState扩展-更多用法 7. setState扩展-异步 1. 生命周期-概览 了解react类组件生命周期整体情况 大致步骤&#xff1a; 什么是生命周期React类组…

MurmurHash 算法

简介 一种非加密型哈希函数 特点 特点&#xff1a; 1.快 &#xff0c;MurMurHash3 比 MD5 快 2.低碰撞&#xff0c;MurMurHash3 128 位版本哈希值是 128 位的&#xff0c;跟 MD5 一样。128 位的哈希值&#xff0c;在数据量只有千万级别的情况下&#xff0c;基本不用担心碰撞…

Python3自带HTTP服务:轻松开启与后台管理

Python3自带有http服务&#xff0c;可以在服务器&#xff0c;也可以在本地启动&#xff0c;并运行一些常用的网页程序。比如&#xff1a;我们可以把streamlit框架编写的网页放到服务器上&#xff0c;开启http服务&#xff0c;就可以通过网页来调用这个pythont程序了&#xff0c…

Java SE 总结

Java SE&#xff08;Standard Edition&#xff09;是Java编程语言的标准版本&#xff0c;提供了基础的编程环境和API&#xff0c;适用于开发和运行Java应用程序。下面是Java SE的几个重要方面的知识回顾与总结。 1. Java环境基础 具体可参考这里对三者的介绍 传送门 1.1 JVM…

C++【类和对象】(取地址运算符重载与实现Date类)

文章目录 取地址运算符重载const成员函数取地址运算符重载 Date类的实现Date.hDate.cpp1.检查日期合法性2. 构造函数/赋值运算符重载3.得到某月的天数4. Date类 - 天数的操作4.1 日期 天数4.2 日期 天数4.3 日期 - 天数4.4 日期 - 天数 5. Date的前后置/--5.1 前置5.2 后置5.…

C++游戏

宠粉福利&#xff01; 目录 1.猜数字 2.五子棋 3.打怪 4.跑酷 5.打飞机 6.扫雷 1.猜数字 #include <iostream> #include <cstdlib> #include <ctime>int main() {std::srand(static_cast<unsigned int>(std::time(0))); // 设置随机数种子int …

ORM的了解

什么是ORM&#xff1f;为什么要用ORM&#xff1f;-CSDN博客 C高级编程&#xff08;99&#xff09;面向资源的设计思想&#xff08;ORM&#xff09;_c orm-CSDN博客 ORM:Object-Relational-Mapping 对象关系映射 -------------------------- 我想对数据库中的表A进行增删改…

天龙八部怀旧单机微改人面桃花+安装教程+GM工具+虚拟机一键端

今天给大家带来一款单机游戏的架设&#xff1a;天龙八部怀旧单机微改人面桃花。 另外&#xff1a;本人承接各种游戏架设&#xff08;单机联网&#xff09; 本人为了学习和研究软件内含的设计思想和原理&#xff0c;带了架设教程仅供娱乐。 教程是本人亲自搭建成功的&#xf…

【Mybatis篇】动态SQL的详细带练

&#x1f9f8;安清h&#xff1a;个人主页 &#x1f3a5;个人专栏&#xff1a;【计算机网络】 &#x1f6a6;作者简介&#xff1a;一个有趣爱睡觉的intp&#xff0c;期待和更多人分享自己所学知识的真诚大学生。 文章目录 &#x1f3af;一.动态SQL简单介绍 &#x1f6a6;动态S…

【深度】为GPT-5而生的「草莓」模型!从快思考—慢思考到Self-play RL的强化学习框架

原创 超 超的闲思世界 2024年09月11日 19:17 北京 9月11日消息&#xff0c;据外媒The Information昨晚报道&#xff0c;OpenAI的新模型「草莓」&#xff08;Strawberry&#xff09;&#xff0c;将在未来两周内作为ChatGPT服务的一部分发布。 「草莓」项目是OpenAI盛传已久的…

UI设计师面试整理-工具和技术技能

在UI设计师面试中,展示你对工具和技术的掌握程度非常重要。这不仅能体现你的专业能力,还能让面试官了解你是否具备他们团队所需的技能。以下是一些常用的UI设计工具和相关技术技能,以及如何在面试中有效展示它们。 1. UI设计工具 a. Sketch ● 用途

深度学习(4):torch.nn.Module

文章目录 一、是什么二、nn.Module 的核心功能三、nn.Module 的基本用法1. 定义自定义模型2. 初始化模型3. 模型的使用 四、nn.Module 的关键特性1. 自动注册子模块和参数2. forward 方法3. 不需要定义反向传播 五、常用的内置模块六、示例&#xff1a;创建一个简单的神经网络1…