摘要：
前言 数组特点 存储区间是连续，且占用内存严重，空间复杂也很大，时间复杂为O（1）。 优点：是随机读取效率很高，原因数组是连续（随机访问性强，查找速度快）。 缺点：插入和删除数据效率低，因插入数据，这个位置后面的数据在内存中要往后移的，且大小固定不易动态扩展。 链表特点 区间离散，占用内存宽松，空间 阅读全文
posted @ 2021-02-04 23:14
龙陌
阅读(546)
评论(0)
推荐(0)
摘要：
这是一个非常好的问题！你在 package.json 中看到的这种写法： "exports": { "./package.json": "./package.json" } 并不是“一般会”这样写，而是有明确目的的特殊配置。让我为你详细解释它的作用、为什么需要它，以及不加会有什么问题。 🔍 核心原 阅读全文
posted @ 2026-01-03 17:55
龙陌
阅读(3)
评论(0)
推荐(0)
摘要：
🎥 Web前端判断视频封装格式和编码格式的实用指南 大家好！视频格式判断是前端开发中经常遇到的问题，特别是当用户上传视频时，我们经常需要检查视频是否符合要求。下面我来分享几种真正有效的方法，让你不再被"MP4文件却无法播放"的问题困扰！ 🧾 一、先理解关键概念 术语 说明 举例 封装格式 视频文 阅读全文
posted @ 2025-12-24 19:47
龙陌
阅读(41)
评论(0)
推荐(0)
摘要：
MPEG-DASH（Dynamic Adaptive Streaming over HTTP）是一种基于 HTTP 的自适应比特率流媒体传输协议，用于在互联网上高效、高质量地传输视频和音频内容。 📌 核心概念一句话总结： MPEG-DASH 能根据用户的网络状况和设备性能，动态切换不同清晰度的视频 阅读全文
posted @ 2025-12-24 19:22
龙陌
阅读(12)
评论(0)
推荐(0)
摘要：
这是一个非常实际且重要的问题！“EventEmitter 库还推荐使用吗？有没有替代方案？” —— 答案取决于你的使用场景（Node.js、浏览器、框架集成等）。下面我结合当前（2025 年底）的生态趋势，为你全面分析： ✅ 一、Node.js 环境：原生 events 模块仍是首选 在 Node. 阅读全文
posted @ 2025-12-24 00:27
龙陌
阅读(12)
评论(0)
推荐(0)
摘要：
要查看和对比多个 npm 包的下载量，最简单、直观且权威的方式是使用以下工具。以下是截至 2025 年的最佳实践： 🥇 首选方案：npm trends（强烈推荐） 🔗 网址：https://npmtrends.com ✅ 免费｜✅ 无需登录｜✅ 图表清晰｜✅ 支持多包对比 功能亮点： 最多可同时 阅读全文
posted @ 2025-12-22 14:44
龙陌
阅读(21)
评论(0)
推荐(0)
摘要：
const { create: createAxios } = require('axios').default; const { setupCache } = require('axios-cache-interceptor'); const { log } = console; // // Co 阅读全文
posted @ 2025-12-21 22:14
龙陌
阅读(8)
评论(0)
推荐(0)
摘要：
🔥 为什么 lint/style/noEnum 会报错？ 规则名称：lint/style/noEnum 核心原因：TypeScript 官方强烈建议避免使用枚举（enum），尤其是在新项目中。 为什么？因为枚举在TypeScript中是"遗留设计"，存在几个严重问题： 问题 说明 示例 🧪 运行 阅读全文
posted @ 2025-12-21 13:53
龙陌
阅读(5)
评论(0)
推荐(0)
摘要：
在 axios 中，适配器（adapter） 和 拦截器（interceptor） 的执行顺序是明确且固定的： 请求拦截器 → 适配器 → 响应拦截器 📌 详细流程如下： 1. 请求阶段（Request Phase） 用户调用 axios(config) 请求拦截器（request interce 阅读全文
posted @ 2025-12-21 11:47
龙陌
阅读(13)
评论(0)
推荐(0)
摘要：
你遇到的问题很常见：在 Vite 最新版（尤其是 v5+） 中，使用 new URL('../assets/xxx', import.meta.url).href 这种方式在某些上下文（如 SSR、服务端构建、或非标准模块环境）下可能失效或返回不预期的路径。 但更重要的是：这个写法本身存在设计误区。 阅读全文
posted @ 2025-12-20 23:04
龙陌
阅读(14)
评论(0)
推荐(0)
摘要：
这两个 TypeScript 配置项对于使用 CommonJS 模块和 ES 模块的互操作性非常重要，特别是在使用像 axios 这样的库时。让我详细解释它们的作用： esModuleInterop 作用 启用 ES 模块与 CommonJS 模块之间的互操作性。 背景 在 JavaScript 中 阅读全文
posted @ 2025-12-20 14:19
龙陌
阅读(10)
评论(0)
推荐(0)
摘要：
在前端项目中，misc（是 "miscellaneous" 的缩写，意为“杂项”）文件夹通常用于存放不适合归入其他标准目录（如 src/、public/、assets/、utils/ 等）的零散文件。它是一个“兜底”或“临时归类”的目录，具体内容因项目而异，但常见用途包括： ✅ 常见放在 misc/ 阅读全文
posted @ 2025-12-18 22:54
龙陌
阅读(18)
评论(0)
推荐(0)
摘要：
Modern.js 是由字节跳动（ByteDance）开源的一套 面向现代 Web 开发的工程化解决方案和应用框架，旨在帮助开发者高效构建高质量、高性能、可维护的前端应用。它融合了“框架 + 工具链 + 最佳实践”三位一体的理念，目标是提供开箱即用的现代化开发体验。 🎯 核心定位 Modern.j 阅读全文
posted @ 2025-12-18 14:50
龙陌
阅读(14)
评论(0)
推荐(0)
摘要：
ReScript（以前称为BuckleScript）是一种编译器，它将ReScript语言（一种语法更清晰、更易于优化的变体语言，原名Reason）编译成高效、可读性高的JavaScript代码。 ReScript的目标是让开发者能够使用一种类型安全且性能优越的语言来编写Web应用和Node.js后 阅读全文
posted @ 2025-12-18 14:41
龙陌
阅读(15)
评论(0)
推荐(0)
摘要：
lefthook 作为一个高性能、跨语言的 Git hooks 管理工具，设计上非常注重组合性（composability）。它本身不提供 linting、formatting、testing 等具体功能，而是通过调用你项目中已有的工具（如 ESLint、Prettier、TypeScript、Vi 阅读全文
posted @ 2025-12-17 20:57
龙陌
阅读(12)
评论(0)
推荐(0)
摘要：
是的，通常情况下 lefthook 和 lint-staged 用一个就够了，因为它们解决的是同类问题：在 Git 提交前（或其他 Git 钩子阶段）自动运行代码检查或格式化任务。 但它们的定位、能力和实现方式有显著区别。选择哪一个，取决于你的需求和偏好。 🔍 核心对比 特性 lint-stage 阅读全文
posted @ 2025-12-17 20:55
龙陌
阅读(8)
评论(0)
推荐(0)
摘要：
在编写前端组件库文档时，合理使用图表可以显著提升可读性、理解效率和开发者体验。以下是一些推荐的图示内容分类及具体建议： 1. 整体架构图 用途：展示组件库的整体结构、模块划分、依赖关系。 适合内容： 组件分层（基础组件 / 业务组件 / 工具函数） 与设计系统（Design System）的关系 与 阅读全文
posted @ 2025-12-16 15:48
龙陌
阅读(17)
评论(0)
推荐(0)
摘要：
VuePress 2.x 不支持 Vue 2。 ✅ 官方明确说明 VuePress 2 是 完全基于 Vue 3 重构 的版本，其底层依赖包括： Vue 3（Composition API、新的响应式系统） Vite（作为默认构建工具） Vue Router 4 📌 官方文档明确指出： “VueP 阅读全文
posted @ 2025-11-23 20:24
龙陌
阅读(15)
评论(0)
推荐(0)
摘要：
VitePress 默认不支持 Vue 2 组件，因为： ✅ VitePress 是基于 Vue 3 + Vite 构建的静态站点生成器； ❌ 它的运行时环境是 Vue 3，无法直接渲染 Vue 2 组件（Vue 2 和 Vue 3 的 API、响应式系统、虚拟 DOM 结构都不兼容）。 🚫 直接 阅读全文
posted @ 2025-11-23 20:04
龙陌
阅读(25)
评论(0)
推荐(0)
摘要：
vue-tsc 官方并不原生支持 Vue 2.7，但在特定条件下可以有限使用。以下是详细说明： ✅ 结论（先说重点）： Vue 2.7 本身支持 TypeScript（通过 defineComponent 等），但其类型推导依赖的是 @vue/composition-api 的类型定义。 vue-t 阅读全文
posted @ 2025-11-23 11:45
龙陌
阅读(21)
评论(0)
推荐(0)
摘要：
corepack 是一个由 Node.js 官方提供的包管理器分发工具，它的主要作用是： 在不手动安装的情况下，启用并管理特定版本的包管理器（如 Yarn、pnpm），并与项目配置保持一致。 🧩 核心作用详解 1. 无需全局安装 Yarn / pnpm 传统方式：你需要运行 npm install 阅读全文
posted @ 2025-11-22 23:37
龙陌
阅读(30)
评论(0)
推荐(0)
摘要：
在 Storybook 和 Histoire 之间做选型，核心要看你的技术栈、团队规模、功能需求以及对“开发体验”的偏好。两者都是用于 Vue 组件可视化文档与开发环境 的工具，但设计理念和实现方式有显著差异。 下面从多个关键维度进行深度对比，帮助你做出最适合 Vue 3 项目的决策： 🆚 一、核 阅读全文
posted @ 2025-11-20 22:38
龙陌
阅读(30)
评论(0)
推荐(0)
摘要：
选择 Storybook 还是 VitePress 作为 Vue 3 组件库的文档站点，取决于你的核心目标： 如果你侧重 交互式组件开发、调试、测试和设计系统管理 → 选 Storybook。 如果你侧重 轻量、快速、内容导向的技术文档（含示例） → 选 VitePress。 下面从多个维度详细对比 阅读全文
posted @ 2025-11-20 22:28
龙陌
阅读(22)
评论(0)
推荐(0)
摘要：
CentOS 7 官方默认环境下（glibc 2.17、GCC 4.8 等），原生支持的最高 Node.js 版本是 v16.x。但从社区实践来看，通过特定方式也可以在 CentOS 7 上运行 Node.js 18+ 甚至 20+，但需要额外处理依赖问题。 一、官方兼容性结论 Node.js 版本 阅读全文
posted @ 2025-11-20 21:58
龙陌
阅读(85)
评论(0)
推荐(0)
摘要：
在公司内网（无外网访问）的 Linux 环境中安装 Volta（JavaScript 工具链管理器，用于管理 Node.js、npm、yarn 等），需要采用 离线安装 的方式。以下是详细步骤： ✅ 一、前提条件 一台有外网的机器（用于下载安装包） 目标内网 Linux 服务器（无外网，但可接收文件 阅读全文
posted @ 2025-11-16 13:15
龙陌
阅读(35)
评论(0)
推荐(0)
摘要：
eslint . --cache 的作用是 启用 ESLint 的缓存机制，以显著提升后续 lint 检查的速度。 ✅ 核心原理 ESLint 默认每次运行都会检查所有文件。而使用 --cache 后： 首次运行： ESLint 会检查所有文件，并将每个文件的 lint 结果 + 文件元信息（如修改 阅读全文
posted @ 2025-11-16 10:09
龙陌
阅读(15)
评论(0)
推荐(0)
摘要：
在 .pcss 文件（即使用 PostCSS 处理的 CSS 文件）中，注释的写法与标准 CSS 完全一致，因为 PostCSS 本身是基于 CSS 语法的处理器。 ✅ 正确的注释方式 1. 标准 CSS 注释（推荐） /* 这是一个单行注释 */ /* * 这是一个 * 多行注释 */ 这种注释： 阅读全文
posted @ 2025-11-16 10:08
龙陌
阅读(9)
评论(0)
推荐(0)
摘要：
要在项目发布后动态更新组件，并使用 Webpack Module Federation（模块联邦） 实现，核心思路是： 将组件拆分为独立的 Remote 应用，Host 应用在运行时从远程加载最新版本的组件，而无需重新构建或部署 Host。 这正是模块联邦（Module Federation）的典型 阅读全文
posted @ 2025-10-29 22:55
龙陌
阅读(73)
评论(0)
推荐(0)
摘要：
在使用 Webpack Module Federation（模块联邦） 共享组件时，版本管理 是一个关键挑战。 因为微前端或微组件架构中，多个应用（Host 和 Remotes）可能由不同团队维护、独立部署，若组件版本不一致，极易导致运行时错误（如 API 不兼容、样式错乱、状态异常等）。 以下是针 阅读全文
posted @ 2025-10-29 22:46
龙陌
阅读(39)
评论(0)
推荐(0)
摘要：
NestJS 和 Next.js 是两个非常流行的 Node.js 框架，但它们的定位和用途完全不同。下面是它们的核心区别和各自用途的清晰对比： 🟦 NestJS：后端服务框架（Backend Framework） 定位：用于构建 可扩展、企业级的 Node.js 后端 API 服务（如 REST 阅读全文
posted @ 2025-10-08 21:53
龙陌
阅读(222)
评论(0)
推荐(0)
摘要：
不，VuePress v2 不支持 Vue 2 的配置和运行时。它是一个基于 Vue 3 的全新版本，与 Vue 2 完全不兼容。 以下是详细解释： ❌ VuePress v1 vs v2：核心差异 特性 VuePress v1 VuePress v2 Vue 版本 Vue 2 ✅ Vue 3 打包 阅读全文
posted @ 2025-10-08 20:27
龙陌
阅读(24)
评论(0)
推荐(0)
摘要：
原因：使用AI生成的vscode 插件代码，打包使用的tsc,没有将三方依赖打包进去，导致安装插件后，插件无法激活，仅注册了快捷键 解决：对比使用 yo生成的ts+pnpm 插件项目，切换为esbuild打包 注意发布的话，使用 @vscode/vsce 创建项目 安装 Yeoman 工具集 Yeo 阅读全文
posted @ 2025-09-24 14:30
龙陌
阅读(42)
评论(0)
推荐(0)
摘要：
npx playwright install chromium 安装失败通常是由于网络问题（如连接超时、下载速度慢、被墙等）导致的。Playwright 的 Chromium 浏览器二进制文件较大（通常几百MB），直接在线下载在某些网络环境下不稳定。 以下是 离线安装 Playwright Chro 阅读全文
posted @ 2025-09-10 20:29
龙陌
阅读(1190)
评论(0)
推荐(0)
摘要：
要在 VS Code 中配置保存时自动使用 ESLint 修复 Vue 文件，你需要正确安装和配置相关插件及设置。以下是详细步骤： ✅ 一、安装必要的扩展 ESLint（必装） 扩展名：ESLint by Microsoft 功能：提供 ESLint 集成，支持语法检查和自动修复。 Volar（Vu 阅读全文
posted @ 2025-09-07 19:30
龙陌
阅读(314)
评论(0)
推荐(0)
摘要：
用一个具体、易懂的实例来为你详细解释 RAG（Retrieval-Augmented Generation，检索增强生成）技术 是如何工作的。 🌟 什么是 RAG？ RAG 是一种结合 信息检索（Retrieval） 和 文本生成（Generation） 的 AI 技术。它能让大模型在回答问题时， 阅读全文
posted @ 2025-08-20 21:53
龙陌
阅读(101)
评论(0)
推荐(0)
摘要：
An Embedding Provider 是一种服务或工具，它能将文本（包括代码）转换为高维向量（即“嵌入向量”或“embeddings”），这些向量可以用于搜索、相似性比较、聚类等任务。在代码搜索场景中，Embedding Provider 能将代码片段转换为向量，使得系统可以通过向量相似度来查 阅读全文
posted @ 2025-08-20 20:18
龙陌
阅读(38)
评论(0)
推荐(0)
摘要：
Vue 2.7 是 Vue 2.x 系列的一个重要更新，它允许用户在不完全迁移到 Vue 3 的情况下享受到一些 Vue 3 的新特性。以下是 Vue 2.6 和 Vue 2.7 之间的一些主要差异： Composition API 支持： Vue 2.7 引入了 Composition API，这 阅读全文
posted @ 2025-08-09 17:50
龙陌
阅读(228)
评论(0)
推荐(0)
摘要：
解决工程化里lint-staged+husky在monorepo项目中推送代码时不生效问题 现象：在 multirepo 时 lint-staged+husky 在推送代码时能正常生效，但在multirepo 转 monorepo后，每个子项目里配置的husky + lint-staged 在推送时 阅读全文
posted @ 2025-07-30 22:51
龙陌
阅读(40)
评论(0)
推荐(0)
摘要：
Event.target 与 Event.currentTarget 简单来说 Event.target 指向事件触发的元素， Event.currentTarget总是指向事件绑定的元素 function hide(e) { e.currentTarget.style.visibility = " 阅读全文
posted @ 2025-07-30 21:56
龙陌
阅读(17)
评论(0)
推荐(0)
摘要：
大数据量下展开运算符性能问题的原因与优化 在 JavaScript 中，当处理大数据量数组时使用展开运算符（...）会导致严重性能问题甚至卡死，这主要由以下原因造成： 根本原因分析 1. 内存分配机制 展开运算符创建的是全新的数组对象，处理大数组时需要： 在内存中分配连续空间（时间复杂度 O(n)） 阅读全文
posted @ 2025-07-26 16:18
龙陌
阅读(78)
评论(0)
推荐(0)
摘要：
在 Vue 3 中图片/文本拖拽影响 mouseup 监听的问题，通常是由 Vue 3 的事件系统变化和 Composition API 的特性导致的。以下是根本原因分析和解决方案： 根本原因分析 Vue 3 的事件处理机制变化 Vue 3 使用更原生的 DOM 事件模型（移除了 Vue 2 中的部 阅读全文
posted @ 2025-07-26 16:11
龙陌
阅读(90)
评论(0)
推荐(0)
浙公网安备 33010602011771号