摘要：
虚拟滚动树在开启性能模式（perfMode: true）时，内存使用会显著增加的原因主要与其实现机制有关。以下是详细解释： ✅ 什么是性能模式？ 性能模式通过 预加载和缓存更多节点数据 来提升滚动的流畅性，适用于大数据量场景下的快速响应。 perfMode: { type: Boolean, def 阅读全文
posted @ 2025-05-17 21:22
龙陌
阅读(167)
评论(0)
推荐(0)
摘要：
在使用 Vue CLI 创建的项目中，webpack.config.js 文件通常是隐藏的，因为 Vue CLI 使用了内部默认的 Webpack 配置。然而，你可以通过以下方法查看或自定义生成的 Webpack 配置。 1. 使用 vue inspect 命令 Vue CLI 提供了一个内置的命令 阅读全文
posted @ 2025-04-27 13:12
龙陌
阅读(261)
评论(0)
推荐(0)
摘要：
代理服务器重写 Cache-Control 的行为虽然不常见，但在某些特殊场景下可能是必要的。这种操作需要非常谨慎，因为不当的修改可能导致缓存行为不符合预期，进而影响用户体验或数据一致性。以下是详细说明代理服务器可能重写 Cache-Control 的特殊情况及其原因： 1. 网络环境限制 在某些网 阅读全文
posted @ 2025-04-26 20:08
龙陌
阅读(107)
评论(0)
推荐(0)
摘要：
Cache-Control 响应头通常是由原始服务器（即提供内容的服务器）来配置的。这是因为原始服务器最了解它所提供的资源的状态和特性，比如哪些资源可以被缓存、缓存的有效期是多长等信息。通过设置适当的 Cache-Control 指令，原始服务器能够控制客户端（浏览器）和中间代理服务器如何缓存响应内 阅读全文
posted @ 2025-04-26 20:05
龙陌
阅读(65)
评论(0)
推荐(0)
摘要：
代理服务器缓存（Proxy Server Cache）是指位于客户端与目标服务器之间的代理服务器用于存储响应数据的一种机制。当用户请求访问网络资源时，如果该资源之前已经被代理服务器缓存下来，则可以直接从缓存中提供服务，而不需要再次连接到原始服务器获取内容。这种机制可以显著减少网络流量、缩短响应时间， 阅读全文
posted @ 2025-04-26 20:01
龙陌
阅读(117)
评论(0)
推荐(0)
摘要：
良好的日志管理不仅能够提升代码的可维护性，还能减少潜在的安全隐患和性能问题。 以下是一个涉及前端 console 日志打印的管理规范： 前端 Console 日志管理规范 1. 基本原则 生产环境禁用日志：生产环境下，所有 console.log、console.warn 等日志必须移除或禁用，避免 阅读全文
posted @ 2025-04-26 12:45
龙陌
阅读(167)
评论(0)
推荐(0)
摘要：
在 Vue 项目中，是否只需要禁用 HTML 文件的缓存，而不需要额外处理 JS 和 CSS 等静态资源的缓存，取决于你的项目打包配置和缓存管理策略。以下是详细的分析和建议： 1. Vue 打包文件的特点 Vue 项目通常使用 vue-cli 或 Vite 进行打包，打包后的文件具有以下特点： HT 阅读全文
posted @ 2025-04-23 09:21
龙陌
阅读(215)
评论(0)
推荐(0)
摘要：
在 Nginx 中，expires -1; 的配置用于设置 HTTP 响应头中的 Cache-Control 和 Expires，从而控制浏览器对静态资源的缓存行为。具体来说，expires -1; 表示资源不缓存（或者缓存时间非常短），并会在每次请求时重新验证资源。 1. expires -1; 阅读全文
posted @ 2025-04-23 09:00
龙陌
阅读(526)
评论(0)
推荐(0)
摘要：
是的，Webpack 的低版本（例如 4.x 及以下）默认不支持 package.json 中的 exports 字段。exports 是 Node.js 在 v12 引入的功能，并在后续版本中逐步完善。它允许包的作者更细粒度地控制模块的入口点和导出路径。 如果你使用的是 Webpack 4 或更低 阅读全文
posted @ 2025-04-22 09:12
龙陌
阅读(332)
评论(0)
推荐(0)
摘要：
在 JavaScript 中，可以通过以下方法判断一个函数是否是 async 函数： 方法 1：使用 Object.prototype.toString async 函数的类型标签是 "[object AsyncFunction]"，可以利用这一点来判断。 function isAsyncFunct 阅读全文
posted @ 2025-04-16 21:14
龙陌
阅读(132)
评论(0)
推荐(0)
摘要：
是的，完全可以仅在 Docker 内部的 Nginx 中配置不缓存 HTML 文件，而外部的 Nginx 不需要额外配置缓存相关的规则。这种方式可以简化外部 Nginx 的配置，同时确保 HTML 文件不会被缓存。 以下是具体的实现方式和注意事项： 1. 为什么可以在 Docker 内部 Nginx 阅读全文
posted @ 2025-04-15 09:09
龙陌
阅读(128)
评论(0)
推荐(0)
摘要：
config.optimization.splitChunks({ cacheGroups: { default: false } }); 这个配置的作用是什么 config.optimization.splitChunks 是 Webpack 的一个配置选项，用于控制代码分割（code split 阅读全文
posted @ 2025-04-15 08:57
龙陌
阅读(176)
评论(0)
推荐(0)
摘要：
为了确保 http://www.test.com/longmo/#/ 页面的 HTML 文件不被缓存，可以通过 Nginx 配置实现。以下是详细的配置方法： 背景分析 URL 分析： http://www.test.com/longmo/#/ 中，#/ 是前端路由的一部分（通常是单页应用 SPA 的 阅读全文
posted @ 2025-04-14 19:58
龙陌
阅读(279)
评论(0)
推荐(0)
摘要：
在 npm 中，包的维护者通过发布新版本并为其分配标签（tag）来设置“最新版本”。以下是具体的步骤和方法，说明包维护者如何设置包的最新版本： 1. 发布新版本 包维护者需要先更新包的代码，并修改 package.json 文件中的版本号。版本号遵循语义化版本控制（SemVer），根据变更内容递增主 阅读全文
posted @ 2025-04-13 14:21
龙陌
阅读(228)
评论(0)
推荐(0)
摘要：
种子随机数生成器（Seed-based Random Number Generator）是一种使用初始值（称为“种子”）来初始化随机数生成过程的方法。这种类型的随机数生成器在计算机科学和编程中有多种用途，特别是在需要可重复的随机性或特定随机序列的情况下。 作用 可重复性： 调试与测试：通过设置相同的 阅读全文
posted @ 2025-04-12 16:27
龙陌
阅读(237)
评论(0)
推荐(0)
摘要：
输入前的预防措施 设置文本格式 选中单元格 → 右键选择"设置单元格格式" → 数字选项卡选择"文本" → 输入15位以上数字 输入单引号前缀 在输入数字前加英文单引号 '（如 '123456789012345），强制以文本形式存储 已输入数据的修复方法 通过"数据→从文本/CSV导入"功能 阅读全文
posted @ 2025-04-11 19:37
龙陌
阅读(1754)
评论(0)
推荐(0)
摘要：
是的，package.json 中的 imports 字段的设计要求条目必须以 # 开头。这是为了确保这些内部模块路径与外部包的模块标识符区分开来，避免命名冲突和歧义。 为什么需要以 # 开头？ 区分内部模块和外部依赖： 外部依赖通常使用裸模块标识符（bare specifiers），例如 loda 阅读全文
posted @ 2025-04-05 17:00
龙陌
阅读(127)
评论(0)
推荐(0)
摘要：
在使用 pnpm 时，如果需要指定某个包从内网地址下载，可以通过以下几种方式实现： 1. 使用 .npmrc 文件 .npmrc 是 npm 和 pnpm 的配置文件，可以用来定义包的下载源。你可以通过设置特定包的解析地址来指定从内网地址下载。 步骤： 在项目的根目录下创建或编辑 .npmrc 文件 阅读全文
posted @ 2025-04-02 17:11
龙陌
阅读(899)
评论(0)
推荐(0)
摘要：
是的，页面上的 DOM 节点过多确实可能导致浏览器卡死或性能显著下降。当一个网页包含大量的 DOM 节点时，可能会在以下几个方面影响浏览器性能： 1. 渲染性能 重绘和重排（Reflow 和 Repaint）：每当页面上的某些元素发生变化（如尺寸、位置等），浏览器需要重新计算布局（reflow）并重 阅读全文
posted @ 2025-03-28 11:22
龙陌
阅读(360)
评论(0)
推荐(0)
摘要：
@echo off set "MyChrome_NAME=MyChrome" set "MyChrome_NAME_SHORT=MyChrome" set "MyChrome_DESCRIPTION=Chrome portable launcher and updater" set "MyChrom 阅读全文
posted @ 2025-03-24 18:25
龙陌
阅读(49)
评论(0)
推荐(0)
摘要：
在前端项目打包发布后，如果需要查询某个依赖包在打包时安装的版本号，可以通过以下几种方式实现。这些方法可以帮助你在发布后的环境中追溯依赖的版本信息。 方法 1: 在打包时将依赖版本写入到构建产物中 你可以在打包过程中动态获取依赖包的版本号，并将其嵌入到构建产物（如HTML、JavaScript文件）中 阅读全文
posted @ 2025-03-24 16:22
龙陌
阅读(518)
评论(0)
推荐(0)
摘要：
使用油猴（Tampermonkey）脚本可以实现对页面行为的监听与修改，包括监听window.open事件、处理Cookie等操作。不过，直接通过这种方式在不同域名之间复制和粘贴Cookie存在一些安全性和技术上的挑战： 同源策略：浏览器的安全机制限制了JavaScript访问不同源（协议+域名+端 阅读全文
posted @ 2025-03-22 21:33
龙陌
阅读(209)
评论(0)
推荐(0)
摘要：
constants.scss $namespace: 'longmo' !default; $common-separator: '-' !default; $element-separator: '__' !default; $modifier-separator: '--' !default; 阅读全文
posted @ 2025-03-16 23:00
龙陌
阅读(67)
评论(0)
推荐(0)
摘要：
Design Tokens 是一种用于存储和管理设计系统中视觉风格（如颜色、字体、间距等）的值的方法。 它们作为设计决策的基本单位，可以跨不同平台和工具（包括但不限于Web、iOS、Android等）保持一致的设计语言。 Design Tokens并不是一种样式方案，而是一种概念或方法论，它帮助设计 阅读全文
posted @ 2025-03-16 22:23
龙陌
阅读(202)
评论(0)
推荐(0)
摘要：
在前端JavaScript中，可以通过解析浏览器的URL中的hash部分来获取参数。Hash部分通常以 # 开头，后面跟着路径和查询参数。以下是一个示例代码，展示如何从URL的hash部分获取参数： JavaScript function getHashParams() { // 获取当前URL的h 阅读全文
posted @ 2025-03-13 19:08
龙陌
阅读(339)
评论(0)
推荐(0)
摘要：
缓存 WebAssembly 模块可以显著提高性能，尤其是在应用中多次需要相同模块的情况下。然而，这种做法也有其局限性和需要注意的地方。以下是缓存 WebAssembly 模块时可能遇到的一些限制和挑战： 1. 内存占用 限制：缓存 WebAssembly 模块意味着在内存中保留了编译后的 WebA 阅读全文
posted @ 2025-03-12 21:27
龙陌
阅读(119)
评论(0)
推荐(0)
摘要：
当你加载和实例化一个由C语言编译得到的WebAssembly模块时，importObject用于提供该WASM模块所需的外部依赖项。这些依赖项通常包括内存、表（tables）、全局变量以及函数等。下面是一些具体的示例，展示了如何为不同的情况指定importObject。 示例 1: 提供内存 如果C 阅读全文
posted @ 2025-03-12 21:20
龙陌
阅读(66)
评论(0)
推荐(0)
摘要：
WebAssembly.instantiate 是一个用于编译和实例化 WebAssembly 模块的 JavaScript API。它允许你从二进制源（如 .wasm 文件的内容）创建一个可执行的 WebAssembly 实例，并且可以同时提供这个模块所需的外部依赖（即导入对象）。下面是关于 We 阅读全文
posted @ 2025-03-12 21:15
龙陌
阅读(253)
评论(0)
推荐(0)
摘要：
WebAssembly.compile(source) 是一个用于编译 WebAssembly 二进制代码（通常从 .wasm 文件读取的 ArrayBuffer）到一个 WebAssembly.Module 对象的低级 API。虽然在很多情况下，开发者可以直接使用更高级别的 WebAssembly 阅读全文
posted @ 2025-03-12 21:13
龙陌
阅读(85)
评论(0)
推荐(0)
摘要：
function calcStyle() { const el = document.querySelector(.bg-color-${instant._uid}); if (el) { el.style.maxWidth = ${defaultTooltipMaxWidth.value}px; 阅读全文
posted @ 2025-03-09 13:31
龙陌
阅读(60)
评论(0)
推荐(0)
摘要：
当你在前端使用 JavaScript 的 File 对象时遇到 Illegal invocation 错误，通常是因为你尝试以不正确的方式调用了某些方法或访问了某些属性。这个错误提示表明调用的方法需要特定的上下文（即this指向），而你在调用它的时候没有提供正确的上下文。 例如，如果你直接从 Fil 阅读全文
posted @ 2025-03-07 15:27
龙陌
阅读(236)
评论(0)
推荐(0)
摘要：
在使用 Axios 发起请求时，直接修改 Referer 头是不可行的，这是因为 Referer 是一个 forbidden header name（禁止的头部名称），浏览器出于安全考虑不允许 JavaScript 修改这些头部信息。 不过，你可以通过配置 Axios 的 headers 来设置其他 阅读全文
posted @ 2025-03-06 11:38
龙陌
阅读(762)
评论(0)
推荐(0)
摘要：
在 Vue Router 中，route.matched 是一个只读的属性，它包含了当前路由及其所有嵌套层级的路由记录。这些记录是根据你的路由配置和当前 URL 动态计算出来的，代表了从根路由到当前页面路径所经过的所有路由定义。 由于 matched 是只读的，你不能直接修改它的内容。但是，如果你需 阅读全文
posted @ 2025-03-04 11:30
龙陌
阅读(202)
评论(0)
推荐(0)
摘要：
在 Vue 3 中，v-model 的工作机制得到了进一步的增强和优化，尽管其核心概念仍然是实现双向数据绑定，但与 Vue 2 相比，它引入了更多灵活性和功能改进。 Vue 3 中 v-model 的本质 默认行为：在 Vue 3 中，v-model 在基础用法上与 Vue 2 类似，依旧是在表单元 阅读全文
posted @ 2025-02-27 23:32
龙陌
阅读(109)
评论(0)
推荐(0)
摘要：
在 Vue 2 中，v-model 是一个语法糖，它简化了在表单元素或组件上创建双向数据绑定的过程。其本质是结合了 v-bind（绑定属性）和 v-on（监听事件）两个指令的功能。 具体来说，在原生表单元素（如 <input>, <textarea> 和 <select>）上使用 v-model 时 阅读全文
posted @ 2025-02-27 23:28
龙陌
阅读(214)
评论(0)
推荐(0)
摘要：
在 Vue 3 中，watch 和 watchEffect 都是用于侦听数据变化并执行相应的副作用（side effects），但它们之间存在一些关键区别： watch 显式指定监听的数据源：你需要明确指出要监听的响应式数据（如 ref 或 reactive 对象的属性）。 惰性执行：只有当被监听的 阅读全文
posted @ 2025-02-21 16:12
龙陌
阅读(485)
评论(0)
推荐(0)
摘要：
在Vue 2项目中，特别是那些具有复杂UI结构的应用，将路由分为侧边菜单路由（sidebarRoutes）和实际添加到路由表的路由是一种常见的设计模式。这种分离主要有以下几个原因： 权限控制：通过区分sidebarRoutes和实际路由，可以更灵活地进行权限管理。例如，可以根据用户的权限动态生成侧边 阅读全文
posted @ 2025-02-19 10:01
龙陌
阅读(84)
评论(0)
推荐(0)
摘要：
defaultProps 是基于 vm.$options.propsData 初始化的，但实际上 propsData 通常用于传递给组件的实际值而非默认值。 默认值应该从 vm.$options.props 中获取。 toRef 可以确保即使 props 发生变化，引用仍然保持一致。vue2.7是支 阅读全文
posted @ 2025-02-18 09:22
龙陌
阅读(32)
评论(0)
推荐(0)
摘要：
在 Vue 2 中，component.$options ||= {} 这行代码的作用是确保 component.$options 存在且是一个对象。具体来说： ||= 是逻辑或赋值运算符。它的工作原理是：如果左边的操作数（在这个例子中是 component.$options）是“假值”（如 nul 阅读全文
posted @ 2025-02-17 10:45
龙陌
阅读(35)
评论(0)
推荐(0)
摘要：
Subversion (SVN) 本身并不直接支持在检出或更新代码后自动执行脚本，比如运行 pnpm i。SVN 是一个版本控制系统，主要用于管理和追踪文件的变化，并不提供类似 Git Hooks 的机制来触发外部命令或脚本。 但是，你可以通过以下几种方式实现 SVN 检出或更新后的自动化任务： 方 阅读全文
posted @ 2025-02-14 15:03
龙陌
阅读(67)
评论(0)
推荐(0)
浙公网安备 33010602011771号