快手前端秋招一面 （八股没背秒挂版）

自我介绍（介绍一下比较好的经历或者项目）。CSS的定位（position属性）有几种，分别有什么特点和应用场景？介绍一下CSS盒模型（从里到外的结构），两个盒子之间边界有什么关系？（外边距折叠）移动端适配方案有哪些？描述一下从浏览器地址栏输入URL到页面最终呈现的整个过程介绍一下JS的执行机制（事件循环）代码输出题：分析一段包含宏任务和微任务的代码，判断其输出顺序算法题：斐波那契数列求和（递归，可以用map缓存优化）算法题：短横线连接的字符串转换为驼峰形式（分割、reduce拼接）了解前端性能优化吗？有哪些手段可以缩短首屏加载时间？平时有什么爱好或特长？反问PS很流畅，算法题都比较简单没怎么问实习和项目

比较看重项目和实践能力，但面试中有过几次被打断的情况，感觉体验不是特别好…… 1. 为什么选择前端2. ocr组件中，抽象逻辑和配置，具体讲讲3. 项目当中有实现一些什么组件？4. 表单组件的实现5. interface和type的区别和使用场景6. 实习当中学习到的东西7. React中性能优化的策略8. 为什么Vue当中没有9. Vue3 的组合式和 React hooks的区别（setup只运行一次）10. React Query11. ts的工具类12. CSS3的新特性13. 三列布局和Promise

上来面试官就问了几个八股，然后一直问关于PWA的一些东西，我简历也没写这方面的，我说我没接触过，但是面试官还是一个接着一个问，最后30分钟不到就让我反问了……我都没听过PWA这个东西，感觉这面试也太定向化了吧……

手撕：中等算法和实际工程（实现一个令牌认证类，涉及到promise等等） 1.react和vue，数据变化如何通知dom变化；（这里有一个专业名词，但我没听清楚是啥，总之大概就是问这么个事2.react query的缓存和重试机制如何实现；3.树形结构的序列化和反序列化；（这个是看我项目有用到树形结构，可能以为后端传树状数据的时候也是字符串形式4.ui渲染和配置的抽象（有没有涉及到mixin等等）；5.webpack和vite之间的区别；6.ui的设计怎么实现的（参考了其他的网站吗）；7.tailwind如何使用的；7.怎么学习新技术；8.什么情况下用agent coding，什么情况自己写？...