云智前端没约面但是显示业务初试

问react项目经历sass和css区别position属性，几种定位方式的区别 绝对定位是相对于谁的，对父级定位元素的要求display属性块级元素/行内元素/行内块元素的区别css盒子模型css画圆css中如何隐藏元素伪元素和伪类 追问首字母选中怎么用的媒体查询Vue中v-model在v-model绑定变量, 业务需求: 对用户输入进行限制, 只能输入英文字母, 其他字符过滤 (说了pattern+正则表达式进行校验) (又说了计算属性的方法 )计算属性 set 方法里面写什么, get里面写什么, 计算属性使用场景=面试官表示刚刚例子不用 v-model 会更好一些, ==追问set何时...

做了两次笔试 两次基本都AK，不知道为啥第一次状态进业务初试后一直没发面试，等着等着就直接进人才库了。后面武汉这边有线下面试机会，抓住机会又投了一次，到五月份才拿到面试不过推进速度蛮快的，在此记录一下。部门是腾讯地图，应该是出行相关，大🔥觉得这个业务咋样？地点是腾讯武汉研发中心，具体timeline如下：笔试：5.15，5.21收到一面邀约一面：5.21，次日收到二面邀约二面：5.26，次日收到三面邀约三面：5.28，面完秒收到HR面HR面：5.29，hr口头offer，加了微信，说是端午节后发更新：6.06 oc 已拒

前言：离职两周后也是顺利上岸，两周的复习说不焦虑肯定是假的，回想起刚学Java的时候最终目标就是8-10k，还是很怀念的，现在此按时间线记录我大学以来踩坑集锦，有同学院本bg学弟也可以作为参考。至于面经就不发了，基本都问实习经历了，没以前面试有参考价值了。❗家人们觉得有用送点花花呗，想攒牛币换水杯！！！！2022.07： 高考完，大学本 > 学院本（一旦选错也难以改变，只能靠后天努力了）2022.09-2023.06大一： 只关注学校课程、课本，全然不知应该尽早自学Java，打算法比赛。【ADD：做一个外向的人，以后面试也不会紧张】2023.07-2024.09大二： 先追求广度再追求深...

1. display: none 和 visibility: hidden 的区别• 渲染层面：◦ display: none：元素完全从渲染树移除，不占据空间（回流+重绘）。◦ visibility: hidden：元素仍在渲染树中，占据空间但不可见（仅重绘）。• 子元素影响：◦ display: none：子元素也会被隐藏。◦ visibility: hidden：子元素可通过 visibility: visible 单独显示。2. 三列布局（两边固定，中间自适应）方案1：Flex 布局.container { display: flex; }  .left, .right { width: 200px; }  .center { flex: 1; }  方案2：Calc 计算.center { width: calc(100% - 400px); margin: 0 200px; }  方案3：绝对定位 + margin.container { position: relative; }  .left, .right { position: absolute; width: 200px; }  .center { margin: 0 200px; }  3. 闭包• 定义：函数内部引用外部作用域变量，且变量在外部作用域释放后仍被保留。• 作用：实现私有变量、函数防抖/节流等。• 注意：过度使用可能导致内存泄漏。4. React 状态管理方案及区别方案 特点 ** useState** 组件级状态，适合简单逻辑。 ** useContext** 跨组件状态，适合全局轻量级状态（避免逐层传递 props）。 ** Zustand** 轻量级全局状态管理，基于 Context + immer，支持订阅和模块化。 ** Redux** 复杂全局状态管理，需手动配置 reducer、action 等，适合大型应用。 5. 虚拟列表实现• 核心原理：仅渲染可见区域内的列表项，通过滚动事件动态计算并更新显示内容。• 关键步骤：1. 计算可见区域起始索引和结束索引。2. 渲染对应索引的列表项。3. 通过 transform 或 padding 模拟滚动位置，保持滚动条正常显示。6. React 性能优化• 组件优化：◦ 使用 React.memo 缓存函数组件，避免无必要重渲染。◦ useCallback 缓存回调函数，避免子组件因引用变化重渲染。• 状态优化：◦ 避免在 useState 中存储不必要的状态（如临时计算值）。◦ 使用 useReducer 处理复杂状态逻辑，减少重复更新。• 其他：◦ 虚拟列表/表格（长列表优化）。◦ 懒加载（React.lazy + Suspense）。◦ 避免内联函数在渲染中重复创建。7. React 的状态（补充常见问题）• 状态更新异步性：◦ 合成事件和生命周期中，setState 异步更新，需通过回调获取最新值。◦ 原生事件（如 setTimeout）中，setState 同步更新。• 状态穿透问题：◦ 多层组件传递状态时，可用 useContext 或状态管理库简化。8. 代码题：生成有效括号组合（回溯法）var generateParenthesis = (n) => {    const res = [];    const backtrack = (path, left, right) => {      if (path.length === 2 * n) res.push(path);      if (left < n) backtrack(path + '(', left + 1, right);      if (right < left) backtrack(path + ')', left, right + 1);    };    backtrack('', 0, 0);    return res;  };  思路：通过回溯法枚举所有可能，用 left 和 right 控制左右括号数量，确保任意时刻 right ≤ left 且总数不超过 n。