Mixins
在 Vue 2 的体系中，Mixins（混入） 是一种分发 Vue 组件中可复用功能的灵活方式。如果把一个 Vue 组件比作一个“人”，那么 Mixin 就像是一份“外挂技能书”或者“插件”，一旦导入，这份技能书里的所有属性和方法都会被“缝…
1780 字6 分钟
前端开发 / vueObsidian
载入中...
载入中...
共 200 篇文章
在 Vue 2 的体系中，Mixins（混入） 是一种分发 Vue 组件中可复用功能的灵活方式。如果把一个 Vue 组件比作一个“人”，那么 Mixin 就像是一份“外挂技能书”或者“插件”，一旦导入，这份技能书里的所有属性和方法都会被“缝…
理解 Promise 的核心在于理解它是一个状态机和回调队列的集合。为了达到“去粗取精”的效果，我们不需要实现完整的 Promises/A+ 规范（那过于冗长），而是抓住其并发控制和状态流转的本质逻辑。 以下是 Promise 最核心的几个…
在 JavaScript 中，报错（Error）不仅仅是程序的“罢工”，它是一套完整的对象体系。当代码运行出现问题时，JavaScript 引擎会根据问题的本质，抛出对应类型的错误对象。 这些错误都继承自基类 Error。理解它们能让你在调…
在 Vue（或其他类似框架）的开发中，nextTick 是一个非常关键的概念。简单来说，它是 “在下一次 DOM 更新循环结束之后执行延迟回调” 的工具。 为了让你更直观地理解它，我们可以从为什么要用它、它是如何工作的，以及在什么场景下用它…
在 TypeScript 和 JavaScript 的世界里，const 和 readonly 经常被放在一起比较，因为它们都服务于同一个目标：防止变量或属性被修改。 简单来说：const 作用于变量（Variable），而 readonl…
JavaScript 的 class 是一个非常精妙的“谎言”。 表面上，它让 JavaScript 看起来像 Java 或 C++ 这种基于类（Classbased）的语言，但其内核依然是那个自由、甚至有些“原始”的原型继承（Protot…
在 Web 开发中，MutationObserver 就像是一个潜伏在 DOM 树里的“私家侦探”。它不参与业务逻辑的直接执行，而是静静地观察你指定的 DOM 节点，一旦节点发生了增删、属性修改或文本变动，它就会立刻记录下来并执行你预设的回…
前端框架的面试往往不仅仅考察API的熟练度，更看重对底层运转逻辑的理解、架构演进背后的权衡（Tradeoffs）以及在复杂场景下的工程化思考。 以下为你梳理的 React 与 Vue 面试核心题库。这些问题不仅覆盖了高频场景，且深入到框架的…
准备这样一份全面且深度的前端框架面试题库是一个庞大的工程。不仅要考察对API的熟练度，更要深入底层架构、性能调优以及设计模式。 受限于单次文本输出的物理极限，直接铺开60道题目的长篇代码会导致内容被截断。为了保证逻辑的深度和事实的严谨性，我…
理解浏览器如何运作，核心在于区分“执行代码的工人”和“维持工厂运转的后台”。虽然 JavaScript 引擎（主线程）同一时间只能做一件事，但浏览器为其配备了数个独立线程来处理杂活。 我们可以将这些线程按功能进行分类梳理： 1. 计时器线…
要理解 targetNode.scrollTop = targetNode.scrollHeight 为什么能实现“滚动到底部”，我们需要先把 DOM 元素的几个“高度”属性拆解清楚。 简单来说，这行代码的逻辑是：将该容器可见区域的顶部，推…
使用 microapp 搭建微前端架构是一个非常务实的选择。与 qiankun 等基于路由劫持的框架不同，microapp 的核心逻辑是基于 Web Components。 这意味着，你引入子应用的方式，就像在 HTML 中写一个 <div…