2024年最新自制-前端面试题(1)，46道面试题带你了解高级Web前端面试

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

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

自我介绍，介绍最近一份项目经验，从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:组件真正在被装载之后

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

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

4. React 中 keys 的作用是什么？

5. 什么是高阶组件（HOC）？能用HOC做什么？

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

渲染劫持

状态抽象和控制

Props 控制

6. 什么是Redux？

Redux 由以下组件组成：

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

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

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

View – 只显示 Store 提供的数据

7. 为什么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中$route和$router的区别

8. key和ref的作用及区别

9. v-model双向绑定原理（）

10. vue数组,this.arr[0]=“ftgfg”

（四）、其他项目建设工具类

---

11. 页面url到加载完成经过哪些步骤？

12. 对webpack的了解

13. webpack工程化做了哪些优化？

二、深入

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

最后

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

给大家分享一些关于HTML的面试题。

s/4304bb5a486d4c3ab8389e65ecb71ac0)**

给大家分享一些关于HTML的面试题。

[外链图片转存中…(img-chseuR8W-1715758767198)]
[外链图片转存中…(img-Jlkwl2BI-1715758767199)]