2024年前端最全自制-前端面试题(3),搞懂开源框架设计思想真的这么重要吗

本文提供前端面试准备指南,包括基础知识、React与Vue框架、面试常见问题解答,如变量类型判断、生命周期管理、状态管理等。强调谦虚好学、项目经验和深度技术理解的重要性。
摘要由CSDN通过智能技术生成
总结一下

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

  • 一、简答题

    • (一)、基础题
  • (二)、React

  • (三)、Vue

  • (四)、其他项目建设工具类

  • 二、深入

    • (一)javacript
  • (二)、vue

  • (三)、React

一、简答题

====================================================================

自我介绍,介绍最近一份项目经验,从js技术框架、ui框架、css预编辑器,项目使用平台,编辑器开发工具等

(一)、基础题


  1. js里怎样判断变量类型,typeof可以区分哪些不可以区分哪些。

  2. this指向、全局变量和匿名函数作用域

  3. 原型链__proto__、prototype。

  4. 数组去重有几种方案,或者找出重复的并排序

  5. 异步,并发Promise,Generator,Await

  6. css 垂直居中布局

  7. 浏览器上输入一个网站都发生了什么。

  8. 对webSocket是否了解,怎样实现前后端通信?

  9. 浏览器跨域怎么产生的,解决方案有哪些,各有什么优缺点。

  10. 移动端的适配问题,像素比,rem相对于什么的长度

  11. cookie ,sessionStorage,localStorage的区别

  12. call,appy,bind的区别,怎么实现bind

  13. ts。如何什么变量

  14. ts 泛型、重载、接口、类等等

(二)、React


  1. 生命周期?react创建组件有几张方式?

getDefaultProps:获取实例的默认属性

getInitialState:获取每个实例的初始化状态

componentWillMount:组件即将被装载、渲染到页面上

render:组件在这里生成虚拟的 DOM 节点

componentDidMount:组件真正在被装载之后

  1. 什么是JSX?和vue中模板语法有什么不同。

  2. 你对 React 的 refs 有什么了解?几种写法?绑定组件上输出的是dom吗?如何绑定dom?React.forwardRef用过?

  3. React 中 keys 的作用是什么?

  4. 什么是高阶组件(HOC)?能用HOC做什么?

代码重用,逻辑和引导抽象

渲染劫持

状态抽象和控制

Props 控制

  1. 什么是Redux?

Redux 由以下组件组成:

Action – 这是一个用来描述发生了什么事情的对象。

Reducer – 这是一个确定状态将如何变化的地方。

Store – 整个程序的状态/对象树保存在Store中。

View – 只显示 Store 提供的数据

  1. 为什么React Router v4中使用 switch 关键字?

(三)、Vue


  1. Vue实现兄弟组件间传值有几种方式 及父子之间传值,访问方法()$children $parent)

  2. 生命周期,父子组件加载时生命周期。

  3. $nextick原理

  4. v-if和v-show的区别。

  5. vue中 keep-alive用法。(include .exclude)

  6. vuex中四大模块怎么传递的,component,action,mutation,state,及action和mutation的区别,action是异步的吗?

  7. vue中 r o u t e 和 route和 routerouter的区别

  8. key和ref的作用及区别

总结
  • 对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???)

  • 在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

  • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~

祝大家都有美好的未来,拿下满意的 offer。

  • 8
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值