腾讯前端面经

1. 什么是盒模型 解释一下box-sizing属性2. 如何实现水平居中3. 解释== 和 ===的区别，[0] == [0]和[0] === [0]的输出分别是？4. 项目拷打：monorepo相较于multirepo的好处，monorepo各种解决方案的区别，为啥不用npm workspace5. 项目拷打：SSR和CSR的优缺点，resumable ssr是什么。首屏加载哪个快，能够交互哪个快。SSR有哪些不太好处理的问题。线上运维SSR渲染的页面出现了数据问题怎么排查，如何查看node端的log6. 简历拷打：用户登录实现方方案cookie, session, token的区别7. ...

📍面试公司：小红书🕐面试时间：9.5💻面试岗位：前端❓面试问题：全程没有问八股，只有项目拷打面试官就刚开始开了摄像头，后面都关着，然后问我的问题也很宽泛，直接拷打了我的项目，觉得哪个项目有亮点，全让我自己说...因为我简历有写到二次封装 antd，问了我对 antd 熟悉不，问了我 antd 为什么要封装 table 和 form 这样的组件然后我有讲到技术栈 nextjs，问了我 nextjs 与 antdpro 的区别（实际我没用过 antdpro，只说了 ssr 和 app router...），然后又问了我nextjs ssr 原理，我只讲了怎么使用...最后让我反问，我说团队招什么样的人才，面试官说聪明、有技术、能搞科研🙌面试感想：明显的 kpi 面吧...以为问问八股怎么也能面 40 多分钟，没想到 20 分钟就结束了😭

室友前几天上午在寝室面试，之前在某大厂实习过，面试官问的他问题好像他答不出来，便偷摸使用了AI软件，在我的视角里还真的挺明显.......等了好久才回答，一回答就和念文章一样，然后就挂了（甚至面试官还有意无意问他是自己回答的么）

淘宝交易前端1.自我介绍2.介绍实习和项目3.http和https本身有什么区别，混用有什么风险?4.跨域问题答： 在 webpack.config.js 的 devServer 中添加 proxy 配置，指定目标服务器地址，可设置 pathRewrite 重写路径，或 changeOrigin 模拟同源请求。或后端配置 CORS 允许指定源访问；使用代理服务器转发请求（Webpack Dev Server）。简单场景可用 JSONP（仅支持 GET）。5.proxy是本地开发环境使用的，项目上线了呢？（1）后端配置 CORS（推荐）（2）服务器层代理（如 Nginx、Apache）6.一个html页面里，监听一个元素是否滚动到了页面中可视位置？（1）Intersection Observer API 实现（2）监听 window 的 scroll 事件，获取元素的 getBoundingClientRect ()，得到其 top、bottom 等位置信息，再与视口高度比较。7.scroll判断滚动方向是向上滚还是向下滚？答：监听 window 的 scroll 事件，在回调中获取当前 scrollTop，与之前存储的值比较，当前值大则为向下滚，反之向上滚，最后更新历史值。8.space-between和space-around在布局上有什么区别？答：实际开发中，space-between适合需要元素贴边且均匀分布的场景，space-around适合需要整体居中且两侧有留白的布局。9.flex:1 是哪几个属性的合并？flex:1 是 flex-grow、flex-shrink 和 flex-basis 三个属性的简写形式，等价于 flex: 1 1 0%。这种简写在实际开发中很常用，比如在分栏布局中，给多个子元素设置 flex:1，可实现等宽分配父容器空间。