前端面试题收集一

从网上收集的一些前端面试题

Part1

1. 浅拷贝深拷贝

2. 原型和原型链

3. 函数柯里化

4. BOM和DOM

5. for in和for of

6. 哪些地方不能使用箭头函数

7. 创建一个对象的过程

8. 防抖节流

9. 写一个自定义事件

10. 前端怎么获取页面中哪个元素是最多的。

11. React diff算法

12. Redux源码有看过吗

13. three性能优化

14. 多个模型共享材质，一个模型需要修改，怎么做

15. 隐藏一个模型用什么属性

16. 用过哪些three的控制器

17. 微前端怎么做的

18. 点云怎么优化的

19. 大数据量加载怎么优化的

20. 聊项目，项目中做了哪些事情，主要是用three做了哪些事情

Part2

1. requestAnimationFrame

2. plugin

3. load

4. Webpack你项目中做过哪些配置

5. hooks

6. useEffect

7. useMemo和useCallback

8. flex:1是什么意思

9. BFC

10. 两数之和

11. 项目有什么亮点

12. 项目有什么难点

13. webwork在项目中怎么用的

14. 点云大文件渲染

Part3

1. react fiber

2. http1.1、http2、http3

3. https和http的区别，http是怎么加密的

4. OSI 七层网络模型

5. tcp和udp区别

6. 三次握手

7. webpack打包流程

8. babel原理

9. tree shaking原理

10. 输入一个url到页面显示整个过程

11. JS事件循环，宏任务、微任务

12. 设计模式有没有了解过

13. 项目webwork怎么用的

14. 如何通过角度去计算弧度

15. 如何判断一条线在一个平面内

16. 写一个发布订阅

17. 写一个前序遍历

18. 写一个Promise.all

Part4

1. three拾取是怎么做的

2. 有没有写过shader，有没有用shader写过一些效果

Part5

1. reducer

2. 实现一个发布订阅

3. 函数柯里化

4. 事件循环

5. 微前端沙箱隔离怎么实现

6. antd form组件中自定义组件，双向绑定的实现

7. fiber架构，react18并发

8. useEffect先执行还是dom先渲染，生命周期的深入理解

9. 纯函数，高阶函数，高阶组件

10. useEffect useLayoutEffect

11. 父组件和子组件渲染过程

12. 函数组件和类组件

13. hooks

14. 有没有封装过组件，写过组件库

Part6

1. three相关

2. shader相关

Part7

1. three相关法向点击操作

2. 数组去重

3. css position ui组件库样式修改

4. 介绍一下Promise以及它的方法

5. react useEffect

6. 闭包

7. requestAnimationFrame

8. 跨域

9. 浏览器存储

10. 微前端怎么做的

Part8

1. antd中的form表单组件，父组件没有使用props传值给Form.item，那么Form.item是怎么拿到数据的。

2. 输入URL到页面显示的过程？

3. 反转链表

4. 强缓存和协商缓存

5. 浏览器缓存

6. webpack中的环境变量是怎么注入的

7. 页面菜单切换

8. 原型和原型链

9. 闭包

10. 微前端

11. 项目介绍，具体做了哪些东西，技术方面

12. 前端图片相关的介绍处理，图片裂了该怎么处理

13. 说一说canvas

14. 遇到过哪些问题，在项目中做了哪些事情？

15. 在写React代码的时候你自己做过哪些性能优化

Part9

1. 节流代码实现

2. 深拷贝代码实现

3. 事件循环

4. 看代码说输出题，关于作用域以及基本类型和引用类型的

5. 什么是回调地狱，如何解决？引出 Promise async await

6. position属性介绍

7. 介绍一下hooks，你用过哪些

8. 类组件和函数组件

9. useCallback和useRefs区别

10. Redux

11. 浏览器缓存

12. git相关操作

13. 项目中点云相关

14. 项目帧率处理相关

15. 怎么进行新技术的学习？

16. react相比于原生js或jquery这些原生或框架如果要说出你觉得最重要的一条特点是什么？

17. 类组件和生命周期，对比函数组件

18. 组件卸载，怎么卸载

19. 高阶组件高阶组件的生命周期

20. useEffect原理，更新

21. 受控组件与非受控组件，非受控组件怎么操作

22. useMemo与React.memo

23. 纯函数里面发一个请求，那么这个函数还是纯函数吗

24. React中设置一个随机key会怎样

25. html缓存了怎么更新，js和css缓存是怎么更新的

26. canvas怎么做点击拾取

27. three怎么做点击拾取操作

28. m * n 的矩阵乘以 n*m的矩阵得到一个几乘几的矩阵

29. 逆矩阵

30. 四元数

31. 说一下着色器

32. 函数柯里化，并且在什么场景下使用

33. 察者模式和发布订阅模式的区别

34. 场景题：实现一个小方块跟随鼠标移动

Part10

1. 项目难点优化

2. monorepo是怎么做的

3. 微前端是怎么做的，原理？

4. 项目构建工具有考虑换vite吗？vite有什么优势？

5. 搭建项目架构怎么搭的？

6. react中一个父组件，两个子组件，一个传props，一个不传props，父组件重新渲染，两个子组件会不会都重新渲染

7. hooks

8. useMemo、useCallback、useRef

9. React.memo有什么优点缺点

10. 用栈实现队列

11. three坐标系转换

Part11

1. 事件循环输出题

    console.log('1')
    setTimeout(() => {
        console.log('2');
    }, 0)
    requestAnimationFrame(() => {
        console.log('3') 
    })
    requestIdleCallback(() => {
        console.log('4')
    })
    new Promise(resolve => {
        console.log('5');
    }).then(value => {
        console.log(value);
    });
    async function a() {
        console.log(await '7');
    }
    a()
    console.log('8')

1. 手写promise.all

2. 最长回文子串（leetcode第5题）

3. requestAnimationFrame

4. useEffect useLayoutEffect useLayoutEffect使用场景

5. hooks为什么只能写在顶层，不写在顶层会报错吗

6. 函数组件中的生命周期

7. Vite为什么比Webpack快

8. webpack打包的产物是怎么样的，要你去写你怎么写

9. webpack打包优化

10. Es Module 和 CommonJs

11. 前端页面性能优化

12. 大模型3D中的前端性能优化

Part12

1. uniapp跨端渲染原理

2. 了解react native吗

3. vue2和vue3的区别

4. 讲讲vuex

5. 组件通信方式

6. v-for为什么要key，这里深挖了，讲到了虚拟dom，diff算法

7. 什么是平衡二叉树

8. 简述树的中序遍历怎么实现

9. 递归三要素

10. 非递归实现树的遍历算法

11. 描述冒泡排序过程，时间和空间复杂度

12. 图的遍历方式

13. 进程和线程的区别

14. 进程通信方式

15. 什么是守护进程

16. 描述时间片轮转调度算法

17. 为什么http挥手要四次

18. ack的作用，ack的值

19. git rebase

Part13

将arr转换为tree结构

讲讲对Promise.race()和Promise.all的理醉HTTP和HTTPS的区别，了解HTTP 2.0吗

Part1

1. 浅拷贝深拷贝

2. 原型和原型链

3. 函数柯里化

4. BOM和DOM

5. for in和for of

6. 哪些地方不能使用箭头函数

7. 创建一个对象的过程

8. 防抖节流

9. 写一个自定义事件

10. 前端怎么获取页面中哪个元素是最多的。

11. React diff算法

12. Redux源码有看过吗

13. three性能优化

14. 多个模型共享材质，一个模型需要修改，怎么做

15. 隐藏一个模型用什么属性

16. 用过哪些three的控制器

17. 微前端怎么做的

18. 点云怎么优化的

19. 大数据量加载怎么优化的

20. 聊项目，项目中做了哪些事情，主要是用three做了哪些事情

Part2

1. requestAnimationFrame

2. plugin

3. load

4. Webpack你项目中做过哪些配置

5. hooks

6. useEffect

7. useMemo和useCallback

8. flex:1是什么意思

9. BFC

10. 两数之和

11. 项目有什么亮点

12. 项目有什么难点

13. webwork在项目中怎么用的

14. 点云大文件渲染

Part3

1. react fiber

2. http1.1、http2、http3

3. https和http的区别，http是怎么加密的

4. OSI 七层网络模型

5. tcp和udp区别

6. 三次握手

7. webpack打包流程

8. babel原理

9. tree shaking原理

10. 输入一个url到页面显示整个过程

11. JS事件循环，宏任务、微任务

12. 设计模式有没有了解过

13. 项目webwork怎么用的

14. 如何通过角度去计算弧度

15. 如何判断一条线在一个平面内

16. 写一个发布订阅

17. 写一个前序遍历

18. 写一个Promise.all

Part4

1. three拾取是怎么做的

2. 有没有写过shader，有没有用shader写过一些效果

Part5

1. reducer

2. 实现一个发布订阅

3. 函数柯里化

4. 事件循环

5. 微前端沙箱隔离怎么实现

6. antd form组件中自定义组件，双向绑定的实现

7. fiber架构，react18并发

8. useEffect先执行还是dom先渲染，生命周期的深入理解

9. 纯函数，高阶函数，高阶组件

10. useEffect useLayoutEffect

11. 父组件和子组件渲染过程

12. 函数组件和类组件

13. hooks

14. 有没有封装过组件，写过组件库

Part6

1. three相关

2. shader相关

Part7

1. three相关 法向 点击操作

2. 数组去重

3. css position ui组件库样式修改

1. three相关法向点击操作

19. 高阶组件高阶组件的生命周期