React和vue经典几道面试题
前端框架的面试往往不仅仅考察API的熟练度，更看重对底层运转逻辑的理解、架构演进背后的权衡（Tradeoffs）以及在复杂场景下的工程化思考。 以下为你梳理的 React 与 Vue 面试核心题库。这些问题不仅覆盖了高频场景，且深入到框架的…
1979 字7 分钟
前端开发 / ReactObsidian
载入中...
载入中...
共 205 篇文章
前端框架的面试往往不仅仅考察API的熟练度，更看重对底层运转逻辑的理解、架构演进背后的权衡（Tradeoffs）以及在复杂场景下的工程化思考。 以下为你梳理的 React 与 Vue 面试核心题库。这些问题不仅覆盖了高频场景，且深入到框架的…
准备这样一份全面且深度的前端框架面试题库是一个庞大的工程。不仅要考察对API的熟练度，更要深入底层架构、性能调优以及设计模式。 受限于单次文本输出的物理极限，直接铺开60道题目的长篇代码会导致内容被截断。为了保证逻辑的深度和事实的严谨性，我…
理解浏览器如何运作，核心在于区分“执行代码的工人”和“维持工厂运转的后台”。虽然 JavaScript 引擎（主线程）同一时间只能做一件事，但浏览器为其配备了数个独立线程来处理杂活。 我们可以将这些线程按功能进行分类梳理： 1. 计时器线…
要理解 targetNode.scrollTop = targetNode.scrollHeight 为什么能实现“滚动到底部”，我们需要先把 DOM 元素的几个“高度”属性拆解清楚。 简单来说，这行代码的逻辑是：将该容器可见区域的顶部，推…
使用 microapp 搭建微前端架构是一个非常务实的选择。与 qiankun 等基于路由劫持的框架不同，microapp 的核心逻辑是基于 Web Components。 这意味着，你引入子应用的方式，就像在 HTML 中写一个 <div…
在微前端架构从“跑通”走向“生产级”的过程中，单纯的嵌入只是第一步。要构建一个健壮的系统，我们必须解决通信闭环、状态保持、路由接管、资源路径这四个核心问题。 以下是针对 React 场景的深度实践技巧和完整代码配置。 二、 路由接管与 B…
第一部分：现有框架主题色逻辑深度解析 通过对 ThemeColor.tsx、UseProvider.tsx 及 actions 代码的分析，该框架采用的是 “动态 CSS 编译 + 分布式状态同步” 模式。 1. 核心流程架构图 代码段 …
本文将通过代码精简、核心流程图解和深度原理解析三个维度，带你彻底搞懂 React 与 G6 的协同工作机制。 我们剥离掉样式细节（颜色、阴影、具体的坐标计算），只保留数据流和控制流的核心骨架。 第二部分：核心流程图 Mermaid 这张图…
使用 G6 绘制流程图（Flowchart）或架构图（Architecture Diagram），与绘制社交网络图（力导向图）的逻辑完全不同。 社交网络图追求的是“节点不重叠，看着均匀”；而流程图和架构图追求的是“层级分明、方向统一、模块嵌…
要彻底搞懂 AntV G6，不能只看 API 文档（因为它的文档在 v4 和 v5 之间有巨大的断层，容易让人迷失），而必须建立起一套“图可视化引擎”的底层思维模型。 G6 的本质不是“画图工具”，而是一个关系数据的渲染与交互引擎。它的核心…
Vue 3 并不是 Vue 2 的简单升级，它在核心层面进行了重大的重新设计，旨在解决 Vue 2 在大规模应用、性能瓶颈和类型支持方面遇到的问题。 用一句话总结：Vue 3 在保持 Vue 2 易用性的基础上，通过全新的底层（响应式系统、…
Vue 的插槽（Slot）机制是其组件化系统真正的精髓之一，它解决了“内容分发”的核心问题。彻底理解它，对构建可复用、高灵活性的组件至关重要。 我们来从“为什么需要插槽”开始，一步步拆解它的用法、原理，以及 Vue 2 和 3 的演进。 …