首页 > 其他分享 >中级前端的面试秘籍

中级前端的面试秘籍

时间:2024-10-31 14:48:19浏览次数:4  
标签:count 中级 讲讲 秘籍 代码 React 面试 key var

最近也是收到了不少小伙伴的私信,说是最近要找工作需要点技术理论支撑。我抽空整理了一些常见的面试题,供大家参考~,后续如果感觉还不错,我会出一篇从中级到高级进阶的面试秘籍

HTML篇

HTML5语义化

html5语义化标签

百度ife的h5语义化文章,讲得很好,很多不错的公司都会问语义化的问题。

CSS篇

CSS常见面试题

50道CSS经典面试题

CSS基础有的公司很重视,在面试前还是需要好好复习一遍的。

能不能讲一讲Flex布局,以及常用的属性?。

阮一峰的flex系列

Flex布局是高频考点,而且是平常开发中最常用的布局方式之一,一定要熟悉。

BFC是什么?能解决什么问题?

什么是BFC?什么条件下会触发?应用场景有哪些?

关于bfc,可以看看三元大佬总结的文章
这篇文章里,顺便也把外边距重叠的问题讲了一下。

JS基础篇

讲讲JS的数据类型?

最新的 ECMAScript 标准定义了 8种数据类型:

  • 6 种原始类型
    • Boolean
    • Undefined
    • Number
    • BigInt
    • String
    • Symbol
  • null
  • Object
  • Function

developer.mozilla.org/en-US/docs/…

讲讲Map和Set?
  1. Map的key相比较普通对象来说更为灵活,普通对象的key只能以基础数据类型作为key值,并且所有传入的key值都会被转化成string类型,而Map的key可以是各种数据类型格式。
  2. Set可以讲讲它去重的特性。
WeakMap和Map之间的区别?

WeakMap只能以复杂数据类型作为key,并且key值是弱引用,对于垃圾回收更加友好。

讲讲原型链?

JavaScript深入之从原型到原型链

关于原型链,虽然现在用的不太多了,但是__proto__和prototype之间的关系,以及对于属性的向上查找这些还是一定要清楚的,其余不用看的太细。

讲讲this?

JavaScript中的this

  1. this指向调用者这个关系一定要清楚
  2. 要知道改变this指向的几种方式(call, bind, apply)
  3. 箭头函数中this的特殊性要能讲清楚
浅拷贝和深拷贝的区别
  • 浅拷贝:一般指的是把对象的第一层拷贝到一个新对象上去,比如

js

代码解读

复制代码

var a = { count: 1, deep: { count: 2 } } var b = Object.assign({}, a) // 或者 var b = {...a}

  • 深拷贝:一般需要借助递归实现,如果对象的值还是个对象,要进一步的深入拷贝,完全替换掉每一个复杂类型的引用。

js

代码解读

复制代码

var deepCopy = (obj) => { var ret = {} for (var key in obj) { var value = obj[key] ret[key] = typeof value === 'object' ? deepCopy(value) : value } return ret }

对于同一个用例来说


js

代码解读

复制代码

// 浅拷贝 var a = { count: 1, deep: { count: 2 } } var b = {...a} a.deep.count = 5 b.deep.count // 5


js

代码解读

复制代码

var a = { count: 1, deep: { count: 2 } } var b = deepCopy(a) a.deep.count = 5 b.deep.count // 2

讲讲事件冒泡和事件捕获以及事件代理?

你真的理解 事件冒泡 和 事件捕获 吗?

框架篇

React

React需要尽可能的保证熟练。因为作为中级工程师来说,公司可能不会让你去写框架,调性能优化,但是一定是会让你保质保量的完成开发任务的,这需要你能熟练掌握框架。

React2019高频面试题

2019年17道高频React面试题及详解

这些题可以先过一下,如果暂时不能理解的就先跳过,不需要死磕。

有没有使用过 React Hooks?
  • 常用的有哪些?都有什么作用?
  • 如何使用hook在依赖改变的时候重新发送请求?
  • 写过自定义hook吗?解决了哪些问题。
  • 讲讲React Hooks的闭包陷阱,你是怎么解决的?

useEffect 完整指南

其实关于Hook的问题,把Dan的博文稍微过一遍,基本上就可以和面试官谈笑风生了。

讲讲React中的组件复用?

【React深入】从Mixin到HOC再到Hook

这篇文章从mixin到HOC到Hook,详细的讲解了React在组件复用中做的一些探索和发展,能把这个好好讲明白,面试官也会对你的React实力刮目相看。 另外这篇文章中的高阶组件Hook本身也是高频考点。

工具

webpack的基础知识

这个系列从基础到优化都有,可以自己选择深入
掘金刘小夕的webpack系列

性能优化

讲讲web各个阶段的性能优化?

React 16 加载性能优化指南

这个很长,很细节,一样不要死磕其中的某一个点,对于你大概知道的点再巩固一下印象就ok。

webpack代码分割是怎么做的?

webpack的代码分割(路由懒加载同理)

路由懒加载和webpack异步加载模块都是这个import()语法,值得仔细看看。

网络

讲讲http的基本结构?

http的基础结构

说说常用的http状态码?

http状态码

浏览器从输入url到渲染页面,发生了什么?

细说浏览器输入URL后发生了什么

讲讲你对cookie的理解?包括SameSite属性。

预测最近面试会考 Cookie 的 SameSite 属性

这篇文章可以主要讲chrome80新增的cookie的SameSite属性,另外对于cookie整体也可以复习和回顾一遍,非常棒~

谈谈https的原理?为什么https能保证安全?

谈谈 HTTPS

https也是一个高频考点,需要过一遍https的加密原理。

谈谈前端的安全知识?XSS、CSRF,以及如何防范。

寒冬求职之你必须要懂的Web安全

安全问题也是很多公司必问的,毕竟谁也不希望自己的前端写的网站漏洞百出嘛。

讲讲http的缓存机制吧,强缓存,协商缓存?

深入理解浏览器的缓存机制

浏览器缓存基本上是必问的,这篇文章非常值得一看。

手写系列

基础

手写各种原生方法

如何模拟实现一个new的效果?
如何模拟实现一个 bind 的效果?
如何实现一个 call/apply 函数?
三元-手写代码系列

说实话我不太喜欢手写代码的面试题,但是很多公司喜欢考这个,有余力的话还是过一遍吧。

进阶

手写Promise 20行

精力有限的情况下,就先别背A+规范的promise手写了,但是如果有时间的话,可以大概过一遍文章,然后如果面试的时候考到了,再用简短的方式写出来。
剖析Promise内部结构,一步一步实现一个完整的、能通过所有Test case的Promise类

标签:count,中级,讲讲,秘籍,代码,React,面试,key,var
From: https://blog.csdn.net/2301_78659329/article/details/143401521

相关文章

  • 堪称2024最强Java八股文面试题汇总
    1.Java的基本数据类型有哪些?答:Java的基本数据类型包括:整型:byte, short, int, long浮点型:float, double字符型:char布尔型:boolean2.Java中的变量作用域有哪些?答:Java中的变量作用域主要有:类变量(静态变量):作用域为整个类,可以在类的任何地方访问。实例变量:作用域为类的非......
  • Java最新面试八股文合集,(面试必备)
    1、说出Spring或者SpringMVC中常用的5个注解   难度系数:⭐1.@RequestMapping:用于处理请求url映射的注解,可用于类或方法上。用于类上,则表示类中的所有响应请求的方法都是以该地址作为父路径。2.@RequestBody:注解实现接收http请求的json数据,将json转换为java对......
  • 2024年最新Java 面试八股文(30w字)
    一.Java基础面试题1.Java概述Java语言有哪些特点?面向对象(封装,继承,多态);平台无关性,平台无关性的具体表现在于,Java是“一次编写,到处运行(WriteOnce,RunanyWhere)”的语言,因此采用Java语言编写的程序具有很好的可移植性,而保证这一点的正是Java的虚拟机机制。在引入虚拟......
  • 【面试经验】AWS-TAM岗位面试总结
    岗位JD说明1.岗位职责每天工作中都会面临新的、令人兴奋的挑战,您需要:-充当企业支持客户的单一联系点-就新的AWS产品如何适应公司战略和架构提出建议-完成分析并向客户提交运营绩效的定期评估-提供服务中断、指标和详细发布前计划的详细评估-在AWS中支持和倡导......
  • 蚂蚁数据 SQL 真实面试题
    来自蚂蚁数据研发一面:有一张用户贷款信息表dwd_trd_loan_tb_dd,包含uid(用户id)、amt(贷款金额)、ovd_days(逾期天数)、dt(时间分区)以及逾期等级配置表dim_ovd_config_dd,包含ovd_days(逾期天数),user_level(用户风险等级)注意:示例如下,当ovd_days=1且user_level=1,表示用户逾期天数<=1时,用户......
  • 一份阅读量30万+免费且全面的C#/.NET面试宝典
    前言C#/.NET/.NETCore相关技术常见面试题汇总,不仅仅为了面试而学习,更多的是查漏补缺、扩充知识面和大家共同学习进步。该知识库主要由自己平时学习实践总结、网上优秀文章资料收集(这一部分会标注来源)和社区小伙伴提供三部分组成。该份基础面试宝典完全免费,发布三年多时间来收......
  • 200道网络安全常见面试题合集(附答案解析+配套资料)零基础入门到精通,收藏这一篇就足够了
    有不少小伙伴面临跳槽或者找工作,本文总结了常见的安全岗位面试题,方便各位复习。祝各位事业顺利,财运亨通。在网络安全的道路上越走越远!所有的资料都整理成了PDF,面试题和答案将会持续更新,因为无论如何也不可能覆盖所有的面试题。php爆绝对路径方法?单引号引起数据库报错......
  • redis中知识以及面试题
    一、非关系型数据库NoSql如下四种类型都是非关系型数据库1.键值存储数据库(Key-Value)如redis,就是键值存储数据库2.列存储数据库如clickhouse是列存储3.文档型数据库4.图形数据库(Graph)二、redis的特点redis是一个高性能的非关系型数据库,其中的所有数据形式都是以键值对的方......
  • 做大模型一年半,经历了无数场面试。
    做大模型一年半,经历了无数场面试。经验我最常听到的候选人(尤其是学生)的说辞是:我没有大模型经验,可以给个机会吗?答案是,我们并不看重候选人的大模型训练经验。这里不是说经验不重要,而是大部分人的经验没有意义。只有头部大模型公司的核心骨干的经验才有意义,而这和绝大多数人选......
  • Java面试题中高级进阶(JVM篇01)
    前言本来想着给自己放松一下,刷刷博客,突然被几道面试题难倒!说说堆和栈的区别?什么时候会触发FullGC?什么是Java虚拟机?似乎有点模糊了,那就大概看一下面试题吧。好记性不如烂键盘***12万字的java面试题整理***说说堆和栈的区别栈是运行时单位,代表着逻辑,内含基本数据类型和......