安恒信息前端面经

没问什么八股，感觉比较注重ai的使用，比如ai的插件这些。react和vue使用场景首屏加载优化react虚拟dom原理

第一次前端面试， 也是很好的面试官一面（2025.7.29 40min）项目类1. 你做的这两个项目有没有什么难点？讲一讲2. 你用到了Monorepo架构，简单介绍一下3. 聊一下你的AI对话项目JS基础类4. 箭头函数和普通函数有什么区别？5. JS的继承是什么东西，有哪些方式来实现继承？6. JS有哪些数据类型？7. undefined和null有什么区别？8. 函数柯里化是一个什么概念？9. 函数式编程是什么概念？TS类10. 你学TS主要是怎么学的？11. TS里的工具类型，你了解过哪些？框架/组件类12. 层层嵌套的组件树，如何从最里面往外传消息，保证每一层父组件都能收到？场景类13. 一个表单点击提交，如何防止重复点击？14. 你怎么提升代码质量？怎么写出好维护的代码？CSS类15. CSS里的高斯模糊是怎么用的？当场offer

柠檬微趣前端一面1. 自我介绍2. JS定义变量方式？let const var区别？3. 为什么用const定义变量不可以被修改？底层原理？一定不能改？4. `let a = 1; let a = 2;` 会发生什么？会报什么错？5. `var a = 1; var a = 2;` 可以吗？`var a = 1; let a = 2;` 呢？6. `var`特性（如变量提升）？`console.log(a); var a = 1;` 的结果是什么？7. JS中基本数据类型？分别存储在哪里（栈/堆）？8. `let a = {}; b = a; `修改b会影响a吗（会）如何避免（深拷贝）9. ...

1.自我介绍2.介绍一下mcp， skills3.了解react哪些状态管理库4.对话是sse还是什么?是用fetch还是EventSource?5.ts中的any 和 unknown讲一讲6.是直接用组件库的组件还是自己封装了一些别的7.代码输出题1function main() {{var a = 1let b = 2}console.log(a);console.log(b);}main()console.log(a);8.什么是块级作用域 全局作用域 函数作用域9.代码输出题2for (var i = 0;i < 5;i++) {setTimeout(() => {console.log(i);}, 100);}10.代码输出题3for (var i = 0; i < 5; i++){function printText(temp) {setTimeout(() => {console.log(temp);}, 100);}printText(i)}11.代码输出题4for(var i = 0;i < 5;i++){function printText(temp) {var temp = isetTimeout(() => {console.log(temp);}, 100);}printText(i)}12.代码输出题5for(var i = 0;i < 5;i++){function printText(temp) {setTimeout(() => {var temp = iconsole.log(temp);}, 100);}printText(i)}13.点击控制台输出题export default function App() {const [count, setCount] = useState(0)console.log('render',count)return (<div><h1>{count}</h1>{setCount(count + 1)setTimeout(() => console.log('setTimeout', count), 1000)}}>+1</div>)}//这个组件点击按钮后，控制台的输出顺序和值如下：// 1. render 1 (组件重新渲染， count 更新为 1)// 2. setTimeout 0 (1秒后输出，注意这里是 0 而不是 1)14.算法:给有序数组arr = [-4, -1, 0, 3, 5]，返回平方后的排序// 有序数组平方后排序const arr = [-4, -1, 0, 3, 5]function solution(arr) {const len = arr.lengthconst result = new Array(len)let left = 0let right = len - 1let index = len - 1while (left <= right) {if (arr[left] * arr[left] > arr[right] * arr[right]) {result[index] = arr[left] * arr[left]left++} else {result[index] = arr[right] * arr[right]right--}index--}return result}console.log(solution(arr));15.反问