面经

--- theme: juejin highlight: androidstudio --- # 1. js数据类型和存储差别 - 基本类型 - Number - String - Undefined

1. 盒模型 浏览器如何计算元素大小和占位方式每个元素都被当作一个矩形的盒子，有 内容（content）、内边距(pedding)、边框(border)、外边距(margin) 四个区域。 两种盒模型

1. 说说var、let、const之间的区别 一句话： var 是函数作用域，可以变量提升 let 和 const 是块级作用域，有暂时性死区，不能重复声明 const 声明的变量不能修改，但是co

1. Vue 生命周期详解 beforeCreate → created → beforeMount → mounted → beforeUpdate → updated → beforeDestro

1.Vue3.0 所采⽤的 Composition Api 与 Vue2.x 使⽤ 的 Options Api 有什么不同？ options API 结构 options api组件状态写在data里

https://zh-hans.react.dev/reference/react * 更新界面 useState 使用Hook：只能在组件（或者其他hook）的顶层 * state：组件的记忆 组件

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

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

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

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

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

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

初始化 新建项目文件夹 npm初始化一个Typescript项目 创建 package.json、 初始化 TypeScript npx tsc --init 在项目中将 Prisma CLI 安装为

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

先大概说下 React 官方在Hooks出来之后，并没有强推Redux，MobX 这类第三方库，而是建议先使用内置的Hooks组合起来做状态管理。 useReducer : 管理复杂状态更新逻辑 us

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

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