哈啰出行前端二面-秋招面经

1.讲一讲最近写的项目2.react如何开发一个组件3.为什么visual dom性能好4.为什么技术选型中用的是zustand5.对比redux context 和 zustand6.react中都用过哪些Hooks7.讲一讲useEffect8.useEffect和useLayoutEffect的区别，它们中的同步执行和异步执行都具体指的什么9.讲一下重绘和重排10.如何避免重排重绘11.for in 和 for of的区别12.实现元素水平垂直居中有哪些方案手撕1.统计在一个固定时间段内访问页面的次数的人数，输入多个对象{id, 访问时间}，输出｛访问次数，人数｝2.实现一个弹窗样式场景题，如果有一个很大的图片需要展示到前端页面，请求失败了怎么办？反问

1. 架构设计  2. 技术描述  前端框架: React@18 + Redux ********** + Ant Design ********** 初始化工具: vite-init 状态管理: Redux Toolkit 进行全局状态管理 UI组件库: Ant Design Mobile 提供移动端组件 路由管理: React Router@6 HTTP请求: Axios 处理API请求 后端: 使用第三方电影API（如豆瓣API或TMDB API）  3. 路由定义    路由路径 页面组件 功能描述     / MovieHome 电影首页，展示推荐和热门电影   /now-playi...

1.React 和 Vue 在底层实现上的核心差异2.为什么有的大公司选择react3.JWT缺陷4.有哪些更较健壮的登陆机制5.登录后 Token 的安全存储6.Token 的cookie泄露怎么办7.怎么知道cookie泄露8.如何识别短时间内高频次请求敏感接口的行为9.浏览器本地缓存机制10.sessionStorage 和内存缓存的区别11.service worker和web worker的区别以及使用场景12.Service Worker 实现离线访问，去离线的理解13.PWA14.计算机进程和线程的区别15.串行 并行 同步 异步的区别16.同步队列  串行队列 等等跟线程的关系17.锁18.多线程安全问题19.如何使用锁，给谁加锁20.三个线程 如何让加锁21.meta标签有哪些属性22.meta标签 name=viewport的作用23.如何监听浏览器到底部24.addEventListener监听如何实现25.平时你怎么学习前端的手撕：两数之和

开篇：一个经典的面试题“说说看，用户登录后拿到的 Token，前端应该怎么存？”这个问题看似简单，却能清晰地分辨出一个前端开发者对安全的理解深度。是存到 localStorage？sessionStorage？还是 Cookie？又或者是内存里？不同的选择背后，是截然不同的安全考量。今天，来聊一聊 Token 的存储之道，让你不仅知道怎么做，更明白为什么这么做。选项一：Web Storage（localStorage / sessionStorage）这是最直观、最容易想到的方案。 // 登录成功后 const token = 'your_jwt_token_here'; localStora...