标签：面试

React基础篇前端面试题

<span style="color: var( g headertextcolor);" 一、基础概念</span 1.React核心设计思想组件化设计原子化构建：分解为独立的功能单元（如函数式组件/类组件）组合模式：通过嵌套实现组件树结构隔离型：每个组件维护自身状态和样式（生态支持）复用机制：高阶组件（）与自定义实现逻辑复用声明式编程范式状态驱动：的数学表达式（无需手动操作DOM）抽象渲染：开...

React进阶篇前端面试题

<span style="color: var( g headertextcolor);" 一、核心机制</span 1.合成事件机制 1.设计目的与核心原理 1.跨浏览器一致性统一不同浏览器的事件处理接口（如的行为）修复浏览器兼容性问题（如IE事件模型差异） 2.性能优化事件委托：将事件绑定到根节点（React 17+ 为应用根DOM），而非每个子元素事件池化（）：复用事件对象，减少内存开销 3.扩展能力支持自定义事...

React高阶篇前端面试题

<span style="color: var( g headertextcolor);" 一、React Router</span 2.React Router的核心作用 SPA导航：在单页面应用中管理不同视图的切换，无需重新加载页面 URL与组件映射：将URL路径映射到对应的React组件，保持UI和URL同步历史记录管理：支持浏览器历史记录的导航（前进/后退） 2.核心组件与API 1.路由器类型 BrowserRoute...

Vue3基础篇前端面试题

<span style="color: var( g headertextcolor);" 一、生命周期</span 核心变化 1.组合式API的引入 setup()替代beforeCreate和created 。所有组合式API逻辑在此函数中初始化，替代Vue2的 data、method 等选项式配置钩子函数前缀on 。生命周期函数需要从Vue显示导入，如onMounted,且只能在setup()或中使用。 2.钩子函数重命名 b...

Vue3进阶篇前端面试题

Vue进阶一、keep alive 1.核心作用和使用场景 1.作用缓存组件实例：避免重复销毁和创建，保留组件状态（如）提升性能：适用于需要频繁切换但状态需保留的组件（如） 2.使用方式 2.生命周期钩子变化新增钩子（仅在被缓存的组件中触发） onActivated ：组件被激活（插入DOM）时触发。 onDeactivated ：组件被停用（移除DOM）时触发执行顺序: 首次加载：切换离开：再次进入：彻底...

事件循环：JavaScript 的隐形排队大师

  🍵 一、前情提要：JS 为啥搞异步？ JavaScript 天生是单线程的。啥意思？就是说它一心只能做一件事。但现实世界太残酷：网络请求慢、I/O 慢、用户爱点按钮…… 那咋办？全堵着吗？页面卡死？别怕，JS 引擎和浏览器早想好了： “你主线程单着就单着吧，我给你整个事件循环系统 + 异步队列，你任务先放后处理，效率也能起飞。” 🔁 二、事件循环是什么？想象 JS 运行机制像一台寿司传送带 🍣： 👨‍🍳...

如何跨标签页通信

🎨 方案1：BroadCast Channel（对讲机频道） 🛠️ 方案2：Service Worker（隐形邮差） 📦 方案3：LocalStorage（共享小本本） 👨‍💻 方案4：Shared Worker（共享办公室） 🕵️‍♂️ 方案5 6：轮询侦查队（IndexedDB/Cookie） 👨‍👦 方案7：window.open（父子悄悄话） 🌐 方案8：WebSocket（专业电话线） 🧩 方案9：Shar...

javascript07-20