全部文章

1299 篇文章

八股文07-20
阅读

React进阶篇前端面试题

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

#面试
八股文07-20
阅读

React高阶篇前端面试题

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

#面试
八股文07-20
阅读

Vue3基础篇前端面试题

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

#面试
八股文07-20
阅读

Vue3进阶篇前端面试题

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

#面试
八股文07-20
阅读

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

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

#面试
八股文07-20
阅读

如何跨标签页通信

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

#面试
javascript07-20
阅读

懒加载:让网页像优雅的绅士

懒加载:让网页像优雅的绅士,只展示该展示的内容 你是否曾打开一个图片密集的网页,等待加载时焦虑地敲打桌面?今天,让我们一起探索懒加载技术如何解决这个痛点! 为什么需要懒加载? 想象一下:你打开一个电商网站,页面瞬间请求 50多张大图 !这就像早高峰地铁站所有乘客同时挤向闸机,结果必然是拥堵不堪。传统图片加载方式带来的问题显而易见: 带宽浪费 :用户可能只看前几张图,却加载了所有图片 性能瓶颈 :同时发起大量请求导致页面卡顿 用户体验差...

#学习#面试
八股文07-20
阅读

面试必问:为什么Promise比setTimeout先执行

一、 进程与线程 在聊事件循环机制之前,我们先来聊一下进程与线程,这样有助于我们更好地理解事件循环机制。 1.进程与线程的基本概念 1.进程 定义 :进程是操作系统分配资源(如内存、CPU)的基本单位,每个进程独立运行且拥有独立的内存空间 前端场景 :浏览器中每个标签页通常对应一个独立的 渲染进程 ,负责HTML、CSS、JavaScript的解析和页面渲染。 特点 :进程间严格隔离,一个崩溃不会影响其他进程(如Chrome崩溃的标签页...

#面试
Linux07-17
阅读

Ubuntu 22.04下Docker安装

Ubuntu22.04下Docker的安装 为什么要安装Docker,在这里就不用多说了,在我的另一篇文章里有告诉大家原因。大家可以去看看 下面是具体的步骤: 准备条件 准备安装 安装Docker 安装Docker 命令补全工具 允许非Root用户执行docker 命令 当我们安装好了Docker之后,有两种方式来执行docker 命令 在docker命令前加上sudo, 比如:sudo docker ps sudo i 切换至root...

#学习