wwy_frontend

一、函数相关 1. 手写 call 2. 手写 apply 3. 手写 bind 4. 手写 new 5. 手写柯里化 curry 二、防抖 & 节流 6. 手写防抖 debounce 7. 手写节流

1. React vs Vue 框架对比 问题： React 和 Vue 在设计思路上有什么本质的区别？ 详细答案： 数据绑定机制： Vue：采用双向数据绑定，通过 v-model 实现表单元素与数据

一. 讲一下浏览器的 Event Loop 机制，宏任务和微任务的执行顺序是怎样的? setTimeout和 Promise 的执行顺序有什么区别? Event Loop 机制：浏览器执行 JS 的单

一、实现垂直水平居中的5种方案 1. Flex 布局 优点：简洁、语义清晰，现代布局首选。 缺点：IE9- 不支持。 2. Grid 布局 优点：语义非常简洁，一行代码搞定。 缺点：老旧浏览器支持较差

1. 居中元素(未知宽高) 方法一：flex 方法二：absolute + transform 方法三：grid布局，place-items 方法四： grid布局，justify-items和ali

一、JS 基础 & 数据类型 1. JS 基本数据类型 原始类型（Primitive） ：存储在 栈内存，按值访问。 Number：NaN、Infinity String Boolean Null U

1. 箭头函数和普通函数的区别 this: 箭头函数不绑定this，从外层词法捕获；普通函数this由调用方式决定 arguments: 箭头函数没有arguments; 用剩余参数（...args）

1.渲染优化 1.1 合理使用useState 扩展说下 React.memo React.memo 是一个高阶组件，他会对 函数组件进行“记忆化处理”。当父组件重新渲染时，如果传入的props没有变

1. 异步更新导致取不到旧值 坑：useState的更新是异步批量处理的，如果直接使用旧值计算新值，可能会出错。 最佳实践：用函数式更新，让React保证基于最新状态计算 2.初始值计算浪费性能 坑：