js模块导出
好的，我们来深入探讨 export default {} 这行代码。 这行代码看起来很简单，但要理解它，需要把它拆成两部分来看：export default 和 {}，并结合 ES Module ESM 模块系统的规范来理解其底层实现。 …
1565 字6 分钟
前端开发 / jsObsidian
载入中...
载入中...
共 205 篇文章
好的，我们来深入探讨 export default {} 这行代码。 这行代码看起来很简单，但要理解它，需要把它拆成两部分来看：export default 和 {}，并结合 ES Module ESM 模块系统的规范来理解其底层实现。 …
好的，我们来深入探讨一下 keepalive，并解决你提到的定时器问题。 1. keepalive 是什么？ keepalive 是 Vue 内置的一个抽象组件。它的核心功能是缓存那些被它包裹、且暂时不需要渲染在页面上的组件实例，而不是直…
好的，我们来系统且深入地讲清楚 JavaScript 的 Promise，从它的“是什么”、“为什么需要它”，到“如何使用”，最后再深入到它的“底层实现原理”。 二、如何使用 Promise？ 1. 创建 Promise 通过 new …
好的，我们来彻底讲清楚事件代理（Event Delegation）。 核心思想：一个生活中的比喻 想象一个公寓楼，里面住了100户人家。如果每个住户都自己去楼下信箱取快递，那就需要100个人频繁地上下楼。但更高效的方式是，快递员把所有快递…
好的，我们来彻底讲清楚 JavaScript 的事件循环（Event Loop）。这不仅仅是一个面试高频题，更是理解 JavaScript 异步编程、性能优化乃至整个语言运行机制的基石。 我会从“为什么需要它”这个第一性问题出发，逐步拆解它…
好的，我们来彻底讲清楚 JavaScript 中的原型 prototype 和原型链 prototype chain。 我会用一个尽量形象的方式，从根本原因讲起，让你不仅知道“是什么”，更理解“为什么是这样”。 2. 核心概念：原型 Pr…
好的，我们来深入探讨一下如何在 JavaScript 中从零开始实现一个双向数据绑定。 双向数据绑定，顾名思义，就是将数据（通常是一个 JavaScript 对象，我们称之为 Model）和视图（HTML 界面，我们称之为 View）进行绑…
实现一个 JavaScript 的异步模块定义（AMD）加载器是一个非常好的编程练习，它能让你深入理解模块化、依赖管理和异步编程的核心。 我们将从第一性原理出发，逐步构建一个简单但功能完备的 AMD 加载器。整个过程会分为几个核心步骤： 1…
为什么要初始化 CSS 样式? 因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最…
好的，我们来系统且深入地剖析桶排序（Bucket Sort）、基数排序（Radix Sort）和快速排序（Quick Sort）这三种经典的排序算法。我将遵循第一性原理，从它们各自的核心思想出发，逐步推演其实现逻辑、效率和适用场景。 快速…
好的，我们来深入探讨一下前端开发中的策略模式。 我会从它是什么、为什么需要它、以及如何在实际工作中运用它这几个方面，结合具体的代码示例来阐述我的理解。 核心理解：将“做什么”与“怎么做”分离开 想象一个场景：你在一个电商网站结算，可以选择…
JavaScript 实现继承主要依赖于原型链。虽然 ES5 和 ES6 在语法上有所不同，但底层机制都是基于原型。 ES6 中的继承 ES6 引入了 class 语法，这使得 JavaScript 的面向对象编程更接近于传统面向对象语言…