微信、快手前端面经
2021-04-06 17:23:37
零钱兑换算法题
考察点：动态规划基础、边界条件处理、代码优化能力。
常见问题：未处理输入非法情况（如负数、非整数）、未优化空间复杂度（如使用一维数组替代二维数组）、未考虑大数溢出。
改进建议：
明确输入约束条件（如金额范围、硬币种类数量）。
初始化动态规划数组时，需预设dp[0]=0，其余为无穷大。
状态转移方程：dp[i] = min(dp[i], dp[i-coin]+1)，需遍历所有硬币面额。
字符串验证与转换题
考察点：正则表达式、字符串操作、代码健壮性。
常见问题：正则表达式未覆盖所有边界情况（如特殊字符、空格）、驼峰转换未处理连续下划线或数字。
改进建议：
验证逻辑分步骤：长度检查→格式正则匹配（如/^[a-zA-Z_][a-zA-Z0-9_]*$/）→驼峰转换。
驼峰转换示例：
function toCamelCase(str) { return str.replace(/_([a-z])/g, (_, c) => c.toUpperCase());}React Hooks与Fiber架构
考察点：React核心原理、Hooks使用场景、Fiber调度机制。
常见问题：对Hooks依赖数组的理解不足、Fiber节点结构不清晰。
回答要点：
Hooks：依赖数组变化触发重新渲染，闭包问题需通过useRef解决。
Fiber：通过链表结构实现可中断渲染，利用requestIdleCallback调度任务优先级。
函数式编程
考察点：编程范式理解、纯函数、不可变数据。
回答要点：
强调无副作用、数据不可变、函数组合特性。
对比命令式编程（如循环修改数组）与函数式编程（如map/filter生成新数组）。
JS作用域与闭包
考察点：变量提升、块级作用域、闭包应用。
回答要点：
let/const在块级作用域内声明同名变量会报错（SyntaxError）。
闭包示例：
function outer() { const count = 0; return function inner() { return ++count; };}Promise核心机制
考察点：状态流转、异步处理、错误捕获。
回答要点：
状态不可逆：fulfilled不能变为rejected，但可通过then链返回新Promise间接实现。
Promise.all：第一项reject会立即返回，后续任务仍会执行但结果被忽略。
Promise.allSettled：无论成功失败均返回结果数组，示例：
Promise.allSettled([Promise.resolve(1), Promise.reject(2)]) .then(results => console.log(results));React组件通信与状态管理
考察点：组件间数据流、Redux与Context API对比。
回答要点：
通信方式：Props、Context、事件总线、状态管理库（Redux/Zustand）。
Redux优势：
严格单向数据流，便于调试与中间件扩展（如Redux-thunk）。
适合大型应用全局状态管理，Context更适合局部静态数据。
手写useContext实现
考察点：Hooks底层原理、Context API使用。
示例代码：
function useContext(Context) { const context = React.useContext(Context); return context; // 实际需处理Provider未提供时的默认值}
算法题：
每日刷题（LeetCode中等难度），重点练习动态规划、递归、链表操作。
模拟面试时注意代码可读性（如变量命名、注释）。
前端框架：
深入源码级理解（如React Fiber、Vue响应式原理）。
对比不同框架设计思想（如React Hooks vs Vue Composition API）。
系统设计：
准敏孙备高频话题（如短链生成、秒杀系统），使用CAP理论、分治策略分析。
软技能：
回答时采用STAR法则（情境-任务-行动-结果），突出技术深度与影响力。
反问环节可问团队技术栈、项目难点，展现主动性。
热门标签
