vue3父子组件生命周期执行顺序
🔹 Vue 3 父子组件生命周期执行顺序 Vue 3 生命周期名称部分不同（beforeDestroy→beforeUnmount，destroyed→unmounted），顺序也有微调。 创建和挂载阶段 1. 父 setup（在 beforeCreate/created 前统一） 2. 父 beforeCreate（逻辑在 setup 内已经替代） 3. 父 created 4. 父 beforeMount 5. 子 setup 6...
vue中父组件传递class和style的行为
Vue 中父组件传递 class 和 style 的行为 1. 父组件传递方式 父组件： 2. Vue 的处理逻辑 Vue2 和 Vue3 共同点 父组件上的 和 不会当作普通 props，而是合并到子组件根元素。 如果子组件只有一个根元素，则合并成功。 Vue2 示例 父组件： 最终渲染： Vue3 特性（多根节点） 父组件： 结果：⚠️ 和 不会作用到任何子元素。 需要显式透传： 3. 总结 | 情况 | Vue2 | Vue3 |...
能访问不同域名下的localStorage吗
不能 直接访问不同域名下的 。 受 同源策略（Same Origin Policy, SOP） 限制，只有 相同协议（protocol）、相同域名（host）、相同端口（port） 的页面才能访问相同的 数据。 如何在不同域名间共享 ？ 虽然浏览器不允许直接跨域访问 ，但可以通过以下几种方式间接实现数据共享： 方法 1：使用 进行跨域通信（推荐） 可以使用 嵌入目标域，并使用 在不同域之间传递 数据。 步骤： 1. 在被访问的页面（A...
面试中被问到过的前端八股
1、React的事件和普通事件有什么不同 ✅ 1. 事件绑定方式不同 React 中使用的是 驼峰命名 ，并且直接传入函数引用： 原生 DOM 则是小写并用字符串或函数赋值： 或者在 JS 中绑定： ✅ 2. React 使用的是合成事件（SyntheticEvent） React 实现了一套自己的事件系统： SyntheticEvent 合成事件 。 它对原生事件进行了封装，兼容性更强。 所有事件都会被委托到最外层（ ），提升性能（事...
手把手教你实现一个EventEmitter
你是不是也遇到过这种情况：代码里各种事件监听和触发，回调函数套了一层又一层，最后自己都理不清哪个事件先触发、哪个后触发了？ 别担心，今天我就带你从零开始实现一个自己的事件触发器（EventEmitter），让你彻底掌握事件驱动的精髓，代码清晰度直接提升200%！ 为什么要懂EventEmitter？ 先说说为什么我们要关心这个。Node.js的核心就是事件驱动，比如文件读写、网络请求，都是通过事件来处理的。不会EventEmitter，...
让你彻底明白什么是闭包
今天我们来聊一个听起来很高大上，但实际上你可能天天在用（只是不知道它名字）的概念—— 闭包 。 一、一个你肯定写过的闭包 先别管定义，来看这段代码，你是不是再熟悉不过了？ 恭喜你！这就是一个经典的闭包！是不是很简单？ 二、为什么会有闭包？—— 背包的故事 想象一下，JavaScript 中的函数就像一个小机器人，当它被创建时，会背着一个神奇的 背包 。 这个背包里装着什么呢？装着它 出生时 所在环境的所有变量！ 当我们调用 时，返回的那...
👨面试官：后端一次性给你一千万条数据，你该如何优化渲染
问题背景 在去年的一场面试中，面试官向我提了一个问题： 面试官：后端一次性给你一千万条数据，渲染到页面上发生卡顿，你该怎么优化？ 我：我会问候后端（bushi） 实际上我的回答是：如果没办法改变后端的情况下，我会避免给这种大数据量赋予响应式，然后手动 分页渲染 。 面试官：不对哈，用 来优化。 我：？？？ 这段时间突然想起这个问题，决定试一下实际遇到这种情况到底该怎么优化。 测试环境搭建 前端实现（Vue3） 后端实现（NestJS）...
JavaScript 原型链深度解析
JavaScript 原型链深度解析：从概念到实践 前言 JavaScript 原型链是前端开发中最重要也是最容易混淆的概念之一。理解原型链不仅有助于我们掌握 JavaScript 的面向对象编程，更是深入理解继承、方法查找等核心机制的关键。本文将从基础概念开始，逐步深入到原型链的实际应用。 1\. 核心概念理解 什么是原型？ 在 JavaScript 中，每个对象都有一个内部属性指向另一个对象，这个被指向的对象就是原型。原型本身也是一...
JavaScript 中的this
引言：为什么 让开发者又爱又恨？ 在 JavaScript 的生态系统中， 是一个极具争议的核心概念。它灵活、动态，却又常常“出人意料”。许多开发者在调试时都会遇到类似问题： “为什么 是 ？” “明明是对象的方法，怎么 指向了 ？” “箭头函数到底有没有 ？” 这些问题的背后，是 JavaScript 独特的 执行上下文机制 与 动态绑定策略 。与 Java、C++ 等静态绑定语言不同，JavaScript 的 是在函数 运行时 根据...