小红书前端一二面OC

1. 主要写前端还是后端（前端）2. 简单说一下盒模型有什么参数（只说出weight/height/padding/margin后耻辱下播，后面追问box-sizing内写什么说了个flex/grid，简直耻辱完了）3. 对于一个多列，用什么渲染方式比较好（grid/hidden table）4. Tailwind与传统css最大区别（className代替复写样式）5. tailwind缺点（说了个apply复用样式，可读性ai好但是对人而言要复制重复维护，退化标准css）6. 自己项目部分7. Vue2/Vue3之间最大的差异（definProperty/Proxy包装器）√8. 解释一下浏览器缓存工作方式（CacheControl/ETag，会请求服务端是否有修改，如果没有修改会返回204空缓存（但实际是304））9. 详细说明浏览器缓存控制头有什么（只答出了CacheControl/ETag/Vary/Hash比较，没有详细说明强缓存和协商缓存详细区分）10. 跨域，CORS，同源策略（同源：协议/域名/端口三元组，策略：不同源默认opaque不允许js读取，要检查ACAO，默认不携带Cookie，要ACAC）√11. CSRF，诱导提及√12. Cookie/JWT √（但是被误导，认为JWT传输的是密文，实际上是明文传输（b64）但是有签名。不能被篡改特性是提及了，经过面试官提醒才发现传的是明文）13. EventLoop机制（宏任务/微任务/rAF刷新）√14. 判断题：console.log(1)setTimeout(() => {console.log(2)}, 0)Promise.resolve().then(() => {console.log(3)})console.log(4)顺序1432 但是4和3纠结了一段时间，虽然结果是正确的13. html中async/defer标签的含义（完蛋了只说了async是异步的，还把dom加载完成后才加载defer套到async上了）14. Vite为什么**开发环境**这么快（ESBuild，动态加载浏览器需要的内容，不事先编译）√15. Shaking的机制和一票否决情况（摇掉死叶子，去除那些导入但不用的组件。只说了CJS因为动态导入无法静态分析、可以在import的时候判断是否有导入和使用，经过面试官重述才明白还有Global副作用的影响）16. 手撕题：展平一个有多层嵌套的数组本来想用reduce的，卡了10分钟，结果耻辱用递归和...arr展开完成了唯一解法17. base地（优先杭州，北京也可）、实习时长、多久到岗18. 反问（这里结束的很急，没有主动问要不要反问什么，看起来面试官不想过多说，经提醒才说可以，不过这个时间已经拖到45min了）：18.1 进去之后干什么（回答很模糊，说很多业务已经迁移到中后端，研发中心主要在北京和深圳） 18.2 反问面试过程中有什么不足（说很扎实，但是又没说什么不好的地方，很客套） 18.3 问暑期实习相关问题，明确说不保证。总体来讲，感觉很有可能是mt面，八股居多，项目很少。尽管大部分八股算是能答出来，但是只能算及格线水平。尤其是反问环节结束的非常仓促，感觉面过的可能性不大。字节一面明显八股偏多，而且最后的岗位问题听起来是没有hc名额了，进的概率不大。当天晚上补充：寄了