前端/移动开发面试题更新 2026-08-05

场景题:有一个正方形元素,请实现鼠标移入和移出时显示不同的提示,并且点击正方形内部与点击正方形外部时也要显示不同的提示。

海康威视前端/移动开发编码实现问题拆解技术原理

考察说明

考察事件处理、目标元素判断及事件冒泡与边界处理能力

回答思路

  1. 明确区分 mouseenter/mouseleave 与 mouseover/mouseout 的差异及使用场景
  2. 通过事件对象判断点击目标是否为正方形内部,处理事件冒泡影响
  3. 覆盖边界情况:正方形边缘、内部子元素等
  4. 合理清理事件监听、避免内存泄漏
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。