快手国际化前端一面

1.项目介绍。2.JavaScript 中的原型和原型链是什么?3.请详细说明 JavaScript 中事件循环的执行机制，宏任务和微任务分别包含哪些?4.React中useState 和 useReducer 的核心区别是什么?5.Vue 的双向数据绑定原理是什么?6.HTTP 和 HTTPS 的核心区别是什么?7.浏览器的缓存机制中，强缓存和协商缓存的区别是什么?分别通过哪些 HTTP 头字段控制?8.什么是跨域?浏览器的同源策略是什么?9.TypeScript 中的泛型是什么?10.前端性能优化的核心指标有哪些(如 LCP、FID等)?11.Webpack 的构建流程是怎样的?Loader 和Plugin 的核心区别是什么?请举例说明常用的Loader和Plugin及其作用，如何优化Webpack 构建速度?

65min 项目+八股+场景题+手撕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.平时你怎么学习前端的手撕：两数之和反问：。。。。。。

1.项目介绍。2.请详细解释浏览器和 Node.js 中的 Event Loop 机制及其差异。3.描述 JavaScript 的垃圾回收机制(GC)。4.除了 CORS，你还知道哪些跨域通信方式?5.如果不使用 Redux/Vuex，你会如何设计一个跨多层级组件的高效状态管理方案?6.在项目工程化中，你如何优化Webpack 或 Vite 的构建速度和产物大小?7.你的团队是否使用 Monorepo?如果是，它解决了哪些问题?8.详细介绍你在最近项目中遇到的一个技术难点，你是如何分析问题、制定解决方案并最终解决的?9.解释你在项目中采用某个技术栈(如 React/微前端的理由。如果重新让你选择，你会有不同的方案吗?为什么?10.你的前端应用如何应对高并发场景?11.你对前端监控体系了解多少?如何捕获和上报性能指标(FMP/LCP)和错误信息(JSError/网络请求失败)?12.请阐述 XSS 和 CSRF 的攻击原理和防御方案。在开发中，你如何保障表单提交和用户数据的安全?

1.自我介绍2.专业主要学什么（信计专业）3.为什么要学前端4.数学建模竞赛主要是承担什么角色，比起一等奖差在哪里（这个是因为获奖经历写了）5.在浏览器中输入地址回车后会发生什么（这里的话还延伸了渲染的具体过程）6.页面渲染过程中，遇到script标签会发生什么7.有什么方法可以避免script阻塞渲染（这里只回答了把他放到body底部，面试官其实想问的是异步编程）8.脚本加载失败，怎么能让他正常渲染出来（没答）9.讲讲less/sass进行数据预处理，对比原生css的优点，为什么要用它，不直接用原生css，有什么特性，带来了哪些好处（答了可以把伪类放在一起，开发方便）（这里面试官提到了postcss后处理）10.js有哪些异步编程的方法，语法糖对比promise的优势11.await到底在等什么，后面跟的是什么东西（语法糖➕函数是promise对象）12.ts对比js有什么优势，核心优势（面试官说类型检查，开发的时候会报错及时发现，还有代码提示）13.vue的响应式原理（这里听成了响应式布局的原理，后面面试官指出来之后找补了点内容，发布＋订阅者模式，get依赖收集，set发布）14.项目中的图片懒加载怎么实现（答了observation api，面试官让回答原生代码，也就是滚动事件监听）反问环节：1.部门的产品（用户体验平台），规模（）20多个人，技术栈（vue和react都有）2.根据面试表现，后续有什么改进的方向（基础知识还要加强，也多拓展相关知识点和关联性）