27 届前端 minimax timeline

一共四面，进度挺快，希望能开高一点timeline:10.20 一面 50min10.22 二面 40min10.28 hr面 50min  秒过约10.30主管面但是因为种种原因一直改时间到11月11.11 主管面  50min一面:简历拷打20min，主要是实习业务和微前端框架，然后是八股:react hooks，有哪些，怎么用，useEffect和useEvent区别，useMemo和react.memo区别，为什么不能在条件里用浏览器css和js和dom的解析具体过程，谁先谁后表格缓存怎么做，首屏加载怎么监控的，虚拟表格实现原理，怎么做表格选型的平时怎么使用ai，有哪些心得怎么看待ai手撕忘了，应该不是特别难的不然我会记得p.s  面试官好有礼貌，唯一一个称呼为您的，答错了会有正确解答，最后问我还有什么简历没问的我还以为是我没啥能问的二面:1.受到ddos攻击后有哪些应对方案2.前端安全用过哪些3.webpack配置过什么，有用过什么插件4.树摇原理5.react和vue区别6.为什么要微前端改造7.微前端隔离的原理，快照和proxy的优缺点8.服务器部署原理，回滚原理这个的手撕也忘了，没印象就是不太难三面hr面:hr挺好的，没有压力1.个人经历询问2.为什么跑路了实习3.觉得最有成就感的事情4.有没有主导过项目5.三个词语形容自己  为什么这么说6.现在最想提升的方面7.为什么选AI初创不选大厂8.对AI的看法四面主管面:拖了好久才来面，还以为不想要我了一眼看出来是字节出来的，之前的同事都是这种高效礼貌疏离的1.讲讲你实习的优化的具体2.有没有什么沟通协作的经历3.形容自己有领导力的原因4.除了想要提升技术还有什么软素质想要提升5.其他offer 意向城市6.反问业务，是根据base地和个人倾向决定

最近在辅导同学准备春招/实习时，发现很多同学对模块化的理解不够清晰，今天小圆就来系统性地讲解一下。🧩什么是模块将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起。块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信。简单来说也就是，模块就是把一段独立、可复用的逻辑封装起来，并且可以导入导出。就像我们平时玩的乐高或者拼图，每个乐高小块就是一个模块。你可以单独制造、保存它，然后在不同的拼搭里拿来用。它自己有形状（接口），别人只需要知道怎么拼接，不用管内部细节。原始阶段：全局变量、函数阶段在早期的JavaScript开发中，JavaScript...

滴滴一面（45min）1. flex=1是哪些属性的简写2. 假如父盒子是 100，两个子盒子分别设置 flex 等于 0.1，flex 0.2，它的宽度怎么分配呢3. CSS 如何画三角形4. 移动端的适配，有各种宽高不同的手机嘛，想要前端的页面写一套在各个手机型号上都能有良好的运行的程序，有什么设计方案吗5. rem怎么计算的，小程序的屏幕适配用什么属性6. 了解开发这个屏幕比例适配用什么第三方库吗7. 代码在各个浏览器上，因为 API 的兼容性可能不同，有没有了解过前端的一些兼容的方案？8. Babel Polyfill 解决了什么问题（Promise 、 fetch 、 Array.includes）9. js作用域链的查找规则10. 代码阅读题，函数全局变量和局部变量输出11. 手撕1：手写 promise 串行不用 await12. 手撕2：给前序遍历和中序遍历的二叉树数组，构造二叉树并返回根节点13. 手撕3：最长不重复子串14. 前端的部署流程15. 前端打包的产物是啥16. 前端缓存方式（强缓存，协商缓存），CDN的原理，调度方式， js、css 文件是否可以放入CDN17. 单页面应用的路由实现原理是啥？它和普通多页面应用的路由有啥区别？18. 路由的两种模式（history和hash）的区别19. webpack主要是干啥的？解决什么问题的？20. 为啥要打包？ webpack 打包的产物，为什么 js 有增加一些哈希值啥之类的，了解吗？21. 为什么index.html它没有一个什么哈希标识呢？22. Vue中的diff 算法的头头比和头尾比的区别23. Vue2和Vue3对于数组和对象的响应式区别24. Vue2 技术上能劫持数组索引，但为什么不做？（性能成本极高，，初始化时要遍历 每一个索引 加getter/setter ，会导致内存爆炸）滴滴二面(50min)实习相关（白屏检测怎么处理JS报错的问题）1. TCP 和 UDP的区别2. WebSocket 是什么，它是基于 TCP 还是基于 UDP3. 介绍React 中虚拟 DOM4. 手撕：士兵身高从低到高的冒泡排序滴滴三面(30min)实习+项目

一、面试题 通过强缓存与协商缓存部分我们已经知道通过缓存可以给页面访问提速，提升用户体验，还可以节省流量，减轻服务器压力。 但是问题来了：  在实际项目中如何保证更新版本的时候，客户端缓存失效？ HTML、CSS、JS 以及图片等资源，那些使用强缓存，那些使用协商缓存？ hash、chunkhash 和 contenthash 的是什么？他们的区别又是什么？  二、问题 1：解决版本更新时缓存失效 2.1 问题分析 核心问题：当代码更新后，如果使用强缓存，客户端可能仍然使用旧版本的资源，导致更新不生效。 2.2 解决办法 方法一：更新静态资源的路径 原理：通过改变资源路径（文件名），强制浏览器...