携程 | 国际火车票 | 前端 | 一面 | 社招

1. 我们先来做个编程题：用 JS 写一个倒计时组件。写好后，我们再聊聊有哪些可以优化的地方。2. 刚才这个倒计时，如果希望用户刷新页面后还能继续计时，数据存哪里比较好？3. Cookie、LocalStorage 和 SessionStorage 这三种浏览器存储方式，有什么区别和联系？分别适合用在什么场景？4. 聊聊浏览器的强缓存和协商缓存机制吧，它们是怎么工作的？5. 你之前的项目里，主要用的是哪种缓存策略？6. CSS 单位里的 rem 和 em 有什么区别？7. 挑一个你最熟悉的项目，介绍一下它的技术架构，你在其中主要负责什么？遇到了哪些挑战？8. 平时会用 AI 大模型吗？主要用它...

1、项目相关：描述一下页面登录过程。jwt令牌组成部分，数据格式，优势有哪些。2、react：父子组件之间通信方式有哪些useMemo和useCallback：优势和劣势usestate批量更新的时候，会做几次渲染？三个usestate做更新，输出状态，最后输出的是哪个值？3、浏览器方面：浏览器渲染的过程？性能优化的方式？渲染批量数据的时候如何操作？4、http：http和https的区别？tls加密的过程？对称加密和非对称加密哪个更不安全？http状态码有哪些？5、css：position有哪些属性，各自的区别是什么伪元素和伪类的区别？6、操作系统：进程和线程的区别浏览器是多进程的吗？浏览器的页面是进程还是线程？JS是单线程的吗？事件循环？微任务有哪些？UI渲染属于宏任务还是微任务？promise是什么，为什么要用promise，promise的优势是什么。promise的三个状态？能否来回切换算法题：最大并发数量

1. 实现一个元素的垂直水平居中，你知道有哪几种方法？2. 讲讲你对 JavaScript 闭包的理解，平时在什么场景下会用到它？3. 核心代码模式算法题：字符串变形4. 聊聊浏览器的事件循环机制吧，宏任务和微任务的执行顺序是怎样的？5. Vue 3 的响应式原理是怎么实现的？和 Vue 2 有什么不同？6. 如果一个页面的首屏加载需要 5 秒，你会从哪些方面入手，把它优化到 1 秒以内？7. Webpack 的代码分割（分包）做过吗？一般会怎么配置？8. 在实现深拷贝的时候，如果遇到循环引用的问题，该怎么解决？9. React Hooks 里的 useEffect 和 useLayoutEf...