摘要：
Service Worker 和 Web Worker 是两种不同类型的 JavaScript 工作者（worker），它们在浏览器环境中提供了不同的功能和使用场景。下面我们将分别介绍这两种工作者的使用场景、最佳实践以及它们之间的主要区别。 Service Worker 使用场景 离线支持：缓存静态
阅读全文
posted @ 2024-12-29 16:45
龙陌
阅读(574)
推荐(0)
摘要：
WebAssembly (Wasm) 和 JavaScript (JS) 之间的交互确实有一些限制，但并不完全局限于只能传递 number 类型的数据。实际上，Wasm 和 JS 可以直接交换多种类型的值，并且对于更复杂的数据结构，确实通常需要进行序列化和反序列化。以下是详细的解释： 直接支持的数据
阅读全文
posted @ 2024-12-29 15:25
龙陌
阅读(360)
推荐(0)
摘要：
hash-wasm 库提供了两种不同的 API 来使用 MD5 哈希算法：wasmMD5 和 createMD5。这两种 API 在使用场景上有显著的区别，主要体现在它们的使用方式、灵活性以及适用的场合。 wasmMD5 函数 同步调用：wasmMD5 是一个同步函数，可以直接传入数据并立即返回哈希
阅读全文
posted @ 2024-12-29 00:17
龙陌
阅读(126)
推荐(0)
摘要：
处理大量文件时遇到 RangeError: WebAssembly.instantiate(): Out of memory 错误，通常是因为一次性创建了过多的 WebAssembly 实例，导致内存不足。每个 createMD5() 调用都会创建一个新的 WebAssembly 实例，这对于大量的
阅读全文
posted @ 2024-12-28 18:57
龙陌
阅读(379)
推荐(0)
摘要：
webkitRelativePath 是一个在 HTML5 的 File API 中使用的非标准属性，它由 WebKit 和 Blink 引擎（如 Chrome 和 Safari 浏览器）支持。这个属性提供了一个相对于用户选择文件夹的路径，当用户通过 <input type="file" webki
阅读全文
posted @ 2024-12-28 16:01
龙陌
阅读(451)
推荐(0)
摘要：
AssemblyScript 是一种 TypeScript 的严格子集，旨在编译为 WebAssembly (Wasm)，从而在浏览器和服务器环境中提供接近原生代码的执行速度。它与原生的 TypeScript (TS) 和 JavaScript (JS) 相比具有一些独特的优势，尤其是在性能和内存管
阅读全文
posted @ 2024-12-26 10:57
龙陌
阅读(438)
推荐(0)
摘要：
JavaScript 的可选链（optional chaining）语法是在 ECMAScript 2020 (ES11) 中引入的，它允许你安全地访问嵌套对象属性，即使某个中间属性不存在也不会抛出错误。然而，在 Node.js 环境中，不同版本对新特性的支持情况有所不同。 Node.js 对 ES
阅读全文
posted @ 2024-12-25 15:45
龙陌
阅读(509)
推荐(0)
摘要：
在 JavaScript 中，通过对象属性访问值（例如 obj.property）与调用函数返回一个值（例如 function getValue() { return value; } 或者箭头函数 const getValue = () => value;）这两种方式的性能差异通常是非常微小的，在
阅读全文
posted @ 2024-12-25 11:23
龙陌
阅读(175)
推荐(0)
摘要：
在 Vue.js 应用中，将全局方法或常量挂载到 window 对象上是一种实现全局访问的方式，但这种方法并不是最佳实践。虽然它确实可以让任何地方都能访问这些方法或常量，但也带来了潜在的风险和问题： 挂载到 window 的优点 简单直接：可以直接通过 window.methodName 或 win
阅读全文
posted @ 2024-12-24 13:49
龙陌
阅读(534)
推荐(0)
摘要：
@rushstack/eslint-patch 是一个由 Microsoft 的 Rush Stack 团队开发的工具，主要用于修补 ESLint 在某些特定场景下的行为，特别是在使用 TypeScript 和其他语言特性时。它的主要作用是解决 ESLint 与一些现代 JavaScript/Typ
阅读全文
posted @ 2024-12-22 20:12
龙陌
阅读(510)
推荐(0)
摘要：
在 tanStack Query（以前称为 React Query）中，isPending 和 isFetching 都是用来描述查询状态的布尔值属性，但它们表示的是不同阶段和情况下的加载状态。理解两者的区别有助于更好地管理应用中的加载指示器和用户界面反馈。 isFetching 定义：isFetc
阅读全文
posted @ 2024-12-22 15:48
龙陌
阅读(164)
推荐(0)
摘要：
零宽字符（Zero-width characters）是 Unicode 标准中定义的一类特殊字符，它们在文本中不占据任何可视空间。尽管这些字符不可见，但它们具有特定的功能和应用场景。以下是零宽字符的一些常见应用场景： 1. 文本格式化 零宽非连接符（ZWNBSP, U+FEFF）：通常用作字节顺序
阅读全文
posted @ 2024-12-21 14:57
龙陌
阅读(471)
推荐(0)
摘要：
scrollIntoView 是一个 JavaScript 方法，用于将元素滚动到浏览器窗口的可见区域内。而通过 URL 中的片段标识符（即 # 后面的部分）来实现滚动到页面中的特定位置，则是浏览器内置的行为。这两种方式在实现滚动到可视区域方面有一些关键区别： 1. 行为差异 scrollIntoV
阅读全文
posted @ 2024-12-21 12:18
龙陌
阅读(144)
推荐(0)
摘要：
offsetTop 是一个只读属性，它返回元素的顶部相对于其包含块（通常是最近的已定位祖先元素）的偏移量。当在一个页面中频繁或大量使用 offsetTop 来获取元素的位置时，可能会影响性能，主要原因如下： 1. 强制同步布局 (Layout Thrashing) 每当访问 offsetTop 或其
阅读全文
posted @ 2024-12-20 23:37
龙陌
阅读(115)
推荐(0)
摘要：
Playwright 的端到端测试（End-to-End Testing，简称 E2E 测试）是一种软件测试方法，旨在模拟真实用户在应用程序中的交互行为，从头到尾验证整个应用的工作流程。这种测试确保了应用的所有组件（前端、后端、数据库等）协同工作，并且用户体验符合预期。 端到端测试的特点 全面覆盖：
阅读全文
posted @ 2024-12-09 15:10
龙陌
阅读(809)
推荐(0)
摘要：
在URL路径中，推荐使用连字符（-）而不是下划线（_）。以下是几个原因： SEO友好性：搜索引擎更倾向于将连字符解释为单词分隔符，而下划线可能会被忽略或被视为单词的一部分。使用连字符有助于搜索引擎更好地理解URL中的关键词。 用户体验：连字符在URL中看起来更加自然，容易阅读。例如，example.
阅读全文
posted @ 2024-12-09 10:01
龙陌
阅读(484)
推荐(0)
摘要：
暗水印（也称为数字水印或隐形水印）是一种信息隐藏技术，它将特定的数据嵌入到多媒体内容（如图像、音频、视频文件）中，而不会明显改变这些内容的外观或质量。这种嵌入的信息通常是不可见的，只有通过特定的算法才能检测和提取出来。暗水印的主要用途包括版权保护、内容认证、跟踪非法复制以及确保数据完整性等。 暗水印
阅读全文
posted @ 2024-12-02 16:04
龙陌
阅读(825)
推荐(0)
摘要：
在软件开发中，Staging environment（预生产环境）是一个重要的环节，主要用于在软件正式上线前进行最终的测试和验证。以下是 Staging environment 的主要作用： 1. 模拟生产环境 环境一致性：Staging environment 尽可能地模拟生产环境，包括硬件配置、
阅读全文
posted @ 2024-12-02 09:20
龙陌
阅读(361)
推荐(0)
摘要：
权限控制是确保信息系统安全的重要组成部分，它定义了用户可以访问哪些资源以及他们对这些资源能够执行的操作。RBAC（基于角色的访问控制）、ACL（访问控制列表）和ABAC（基于属性的访问控制）是三种常见的权限控制模型。下面是这三种模型的具体解释： 1. RBAC (Role-Based Access
阅读全文
posted @ 2024-11-29 11:48
龙陌
阅读(1423)
推荐(0)
摘要：
在前端开发中，“Headless”一词通常指的是一个没有用户界面（UI）的系统或组件。这种做法允许开发者将后端逻辑与前端展示分离，从而让前后端能够独立发展和优化。以下是几个关键点来帮助理解前端项目中的“Headless”概念： 解耦前后端：传统的Web应用往往紧密地结合了内容管理系统(CMS)及其呈
阅读全文
posted @ 2024-11-29 11:46
龙陌
阅读(308)
推荐(0)
摘要：
Meta-framework，或称为元框架，是一种设计用来构建、扩展或者管理其他软件框架的框架。它提供了一种更高层次的抽象，使得开发者能够更加方便地创建特定领域的应用或服务。Meta-framework通常包含了一些通用的功能和工具集，这些功能和工具集可以被定制化以适应不同的应用场景。 在实际开发中
阅读全文
posted @ 2024-11-29 11:29
龙陌
阅读(180)
推荐(0)
摘要：
在 JavaScript 中，将字符串数字转换为数字时，有几种常见的方法，但每种方法都有其适用场景和潜在的风险。为了确保转换的安全性和准确性，建议使用以下方法： 1. Number 构造函数 Number 构造函数是最直接和安全的方法之一，它可以处理各种数字格式，包括整数、浮点数和科学计数法。 co
阅读全文
posted @ 2024-11-26 14:04
龙陌
阅读(874)
推荐(0)
摘要：
/** * *获取上传的文件数据 * @param { File } file 文件对象 */ export const readFile = (file: File) => { return new Promise((resolve: Function) => { try { const read
阅读全文
posted @ 2024-11-25 16:47
龙陌
阅读(38)
推荐(0)
摘要：
/** * 图片的 base64 转 Blob 对象，用于生成本地图片 * @param {*} base64 String * @returns Blob */ const base64ToBlob = (base64Data) => { // Split base64 const arr = b
阅读全文
posted @ 2024-11-25 16:17
龙陌
阅读(308)
推荐(0)
摘要：
formatCode.js import prettier from 'prettier' import parserHtml from 'prettier/parser-html' import parseCss from 'prettier/parser-postcss' import pars
阅读全文
posted @ 2024-11-25 16:15
龙陌
阅读(37)
推荐(0)
摘要：
pnpm -F @opentiny/tiny-engine-controller -F @opentiny/tiny-engine-dsl-vue build 命令的作用是使用 pnpm 包管理器对指定的工作区包进行构建。具体来说： pnpm：这是 Node.js 的包管理器，类似于 npm，但更高
阅读全文
posted @ 2024-11-25 14:16
龙陌
阅读(276)
推荐(0)
摘要：
在打包构建生成代码的上下文中，DSL 通常是 "Domain-Specific Language" 的缩写。 Domain-Specific Language (领域特定语言) DSL 是一种计算机语言或规格，专门为解决特定领域的问题而设计。与通用编程语言（如 Java、Python）不同，DSL
阅读全文
posted @ 2024-11-25 12:04
龙陌
阅读(152)
推荐(0)
摘要：
使用导入断言解决错误“TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]: Module needs an import assertion of type json”，例如 import myJson from './example.json' assert
阅读全文
posted @ 2024-11-23 11:38
龙陌
阅读(676)
推荐(0)
摘要：
在 Vite 配置中，proxy 选项用于设置开发服务器的代理规则。通过这些代理规则，你可以将前端开发服务器的请求转发到后端 API 服务器，从而解决开发环境中的跨域问题。你提到的配置片段详细地设置了代理规则，下面是对这段代码的详细解释： 代码解析 proxy: { [viteEnv.VITE_BA
阅读全文
posted @ 2024-11-16 16:02
龙陌
阅读(1350)
推荐(0)
摘要：
在 Webpack 配置中，ProvidePlugin 是一个非常有用的插件，它可以自动向模块中注入特定的变量，而无需在每个模块中显式导入这些变量。你提到的配置片段使用了 ProvidePlugin 来注入 Buffer 和 process 对象。下面是对这段代码的详细解释： 代码解析 new we
阅读全文
posted @ 2024-11-16 12:19
龙陌
阅读(204)
推荐(0)
摘要：
在 tsconfig.json 文件中，compilerOptions.types 字段用于指定 TypeScript 编译器应该包含的类型声明文件。这些类型声明文件提供了类型信息，使得 TypeScript 能够在编译时进行类型检查和提供智能提示。你提到的配置项指定了几个常用的类型声明文件，下面是
阅读全文
posted @ 2024-11-16 11:40
龙陌
阅读(768)
推荐(0)
摘要：
TS中有俩种文件类型，一种是.ts文件，一种是.d.ts文件 .ts文件 既可以包含类型信息也可以写逻辑代码 可以被编译为js文件 .d.ts文件 只能包含类型信息不可以写逻辑代码 不会被编译为js文件，仅做类型校验检查 自定义类型声明文件 d.ts文件在项目中是可以进行自定义创建的，通常有俩种作用
阅读全文
posted @ 2024-11-16 11:12
龙陌
阅读(498)
推荐(0)
摘要：
在 Vue CLI 项目中，chainWebpack 是一个用于自定义 Webpack 配置的钩子。通过 chainWebpack，你可以对 Webpack 配置进行更细粒度的控制。你提到的代码片段的作用是移除 preload 和 prefetch 插件。下面是对这段代码的详细解释： 代码解析 ch
阅读全文
posted @ 2024-11-16 10:52
龙陌
阅读(525)
推荐(0)
摘要：
报错：(Use node --trace-deprecation ... to show where the warning was created) Error: error:0308010C:digital envelope routines::unsupported 原因:使用了 18.19.
阅读全文
posted @ 2024-11-12 10:06
龙陌
阅读(1650)
推荐(0)
摘要：
使用idea之类的，全局搜索然后替换为空格即可，注意不是替换为空，而是一个空格
阅读全文
posted @ 2024-11-10 14:13
龙陌
阅读(423)
推荐(0)
摘要：
在 package.json 文件中，stackblitz 字段用于配置 StackBlitz 环境中的特定设置。StackBlitz 是一个基于云的开发环境，允许用户在线编写、运行和调试代码。startCommand 字段指定了在 StackBlitz 环境中启动项目时应该执行的命令。 start
阅读全文
posted @ 2024-11-10 11:45
龙陌
阅读(119)
推荐(0)
摘要：
在 Vue 3 中，vue-router 提供了新的组合式 API（Composables），这些 API 旨在与 Vue 3 的 Composition API 一起使用。然而，onBeforeRouteEnter 这个特定的导航守卫并没有直接在 vue-router/composables 中提
阅读全文
posted @ 2024-11-10 09:16
龙陌
阅读(948)
推荐(0)
摘要：
在谷歌浏览器的开发者工具中，使用Filter功能可以方便地过滤掉特定的网络请求。如果你想要过滤掉包含 ?sentry 的接口，可以按照以下步骤操作： 打开开发者工具： 按 F12 或 Ctrl+Shift+I（Windows/Linux）或 Cmd+Opt+I（Mac）打开开发者工具。 也可以右键点
阅读全文
posted @ 2024-11-06 10:43
龙陌
阅读(1249)
推荐(0)
摘要：
在视频播放组件中，"样式全屏"和"全屏"是两种不同的显示模式，它们的主要区别在于显示范围和用户体验。以下是详细的解释： 样式全屏（Pseudo Fullscreen） 显示范围： 样式全屏通常是指在当前网页中最大化视频播放器的显示区域，但不会覆盖整个浏览器窗口。 视频播放器会扩展到其父容器的最大尺寸
阅读全文
posted @ 2024-11-01 14:52
龙陌
阅读(219)
推荐(0)
摘要：
原因: 这个错误通常是由于Node.js版本更新导致的。新版本的Node.js包含了OpenSSL 3.0,它对加密算法和密钥大小有更严格的限制,可能会影响一些旧项目。 解决方案: 临时解决(需要每次启动时设置): 在VS Code终端中: $env:NODE_OPTIONS="--openssl-
阅读全文
posted @ 2024-10-31 11:28
龙陌
阅读(604)
推荐(0)
浙公网安备 33010602011771号