2024年Web前端最全自制-前端面试题，2024年最新蚂蚁金服四面到hr面要多久

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

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

• （三）、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:组件真正在被装载之后

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”

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

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

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

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

[外链图片转存中…(img-F4kXDX3C-1715491094017)]