上一页 1 2 3 4 5 6 ··· 19 下一页
2025年1月1日
mdx是什么？
发表于 2025-01-01 18:42阅读：150评论：0推荐：0
摘要： MDX（Markdown + JSX）是一种文件格式，它允许你在 Markdown 文档中嵌入 JSX 代码（即带有 XML 语法的 JavaScript）。这种组合使得 MDX 成为了一个强大的工具，特别适合用于编写包含交互式组件和富文本内容的文档或教程。MDX 文件通常以 .mdx 为扩展名。 阅读全文 »
posted @ 2025-01-01 18:42 龙陌 阅读(150) 评论(0) 推荐(0) 编辑
干运行（Dry Run）的解释
发表于 2025-01-01 18:31阅读：213评论：0推荐：0
摘要： 干运行（Dry Run）的解释 干运行（Dry Run） 是一种在软件开发和发布流程中常用的测试手段，用于模拟整个操作过程而不实际执行任何更改。 它的主要目的是验证流程的正确性，确保所有步骤都能按预期工作，而不会对现有系统或数据造成影响。 在 release.ts 脚本中，干运行模式通过 isDry 阅读全文 »
posted @ 2025-01-01 18:31 龙陌 阅读(213) 评论(0) 推荐(0) 编辑
vue-tsc的作用？
发表于 2025-01-01 18:17阅读：504评论：0推荐：0
摘要： vue-tsc 是 Vue 3 项目中用于类型检查的命令行工具，它是 tsc（TypeScript 编译器）的一个替代品或补充，专门针对 Vue 单文件组件 (SFC) 进行了优化。以下是 vue-tsc 的主要作用和使用场景： 主要作用 类型检查： vue-tsc 可以对 .vue 文件中的 <s 阅读全文 »
posted @ 2025-01-01 18:17 龙陌 阅读(504) 评论(0) 推荐(0) 编辑
2024年12月29日
webworker 和wasm对前端性能优化，使用场景有何区别？
发表于 2024-12-29 21:09阅读：72评论：0推荐：1
摘要： Web Worker 和 WebAssembly (Wasm) 是两种不同的技术，它们在前端性能优化中扮演着不同的角色，并适用于不同类型的使用场景。下面我们将详细比较这两种技术的区别以及它们各自的适用场景。 Web Worker 性能优化特点 并发处理：Web Worker 允许你在后台线程中运行 阅读全文 »
posted @ 2024-12-29 21:09 龙陌 阅读(72) 评论(0) 推荐(1) 编辑
service worker和web worker的使用场景和最佳实践
发表于 2024-12-29 16:45阅读：135评论：0推荐：0
摘要： Service Worker 和 Web Worker 是两种不同类型的 JavaScript 工作者（worker），它们在浏览器环境中提供了不同的功能和使用场景。下面我们将分别介绍这两种工作者的使用场景、最佳实践以及它们之间的主要区别。 Service Worker 使用场景 离线支持：缓存静态 阅读全文 »
posted @ 2024-12-29 16:45 龙陌 阅读(135) 评论(0) 推荐(0) 编辑
wasm 和 js 之间只能互相传递 number 类型的数据，更复杂的数据结构往往需要做序列化和反序列化？？
发表于 2024-12-29 15:25阅读：76评论：0推荐：0
摘要： WebAssembly (Wasm) 和 JavaScript (JS) 之间的交互确实有一些限制，但并不完全局限于只能传递 number 类型的数据。实际上，Wasm 和 JS 可以直接交换多种类型的值，并且对于更复杂的数据结构，确实通常需要进行序列化和反序列化。以下是详细的解释： 直接支持的数据 阅读全文 »
posted @ 2024-12-29 15:25 龙陌 阅读(76) 评论(0) 推荐(0) 编辑
import { md5 as wasmMD5, createMD5 } from 'hash-wasm'; 其中的wasmMD5 和 createMD5 使用场景有何区别
发表于 2024-12-29 00:17阅读：27评论：0推荐：0
摘要： hash-wasm 库提供了两种不同的 API 来使用 MD5 哈希算法：wasmMD5 和 createMD5。这两种 API 在使用场景上有显著的区别，主要体现在它们的使用方式、灵活性以及适用的场合。 wasmMD5 函数 同步调用：wasmMD5 是一个同步函数，可以直接传入数据并立即返回哈希 阅读全文 »
posted @ 2024-12-29 00:17 龙陌 阅读(27) 评论(0) 推荐(0) 编辑
2024年12月28日
使用 `hash-wasm` 的 `createMD5`方法，生成md5值，批处理500张图片会报错， `RangeError: WebAssembly.instantiate(): Out of memory: Cannot allocate Wasm memory for new instance`
发表于 2024-12-28 18:57阅读：50评论：0推荐：0
摘要： 处理大量文件时遇到 RangeError: WebAssembly.instantiate(): Out of memory 错误，通常是因为一次性创建了过多的 WebAssembly 实例，导致内存不足。每个 createMD5() 调用都会创建一个新的 WebAssembly 实例，这对于大量的 阅读全文 »
posted @ 2024-12-28 18:57 龙陌 阅读(50) 评论(0) 推荐(0) 编辑
webkitRelativePath是什么？
发表于 2024-12-28 16:01阅读：73评论：0推荐：0
摘要： webkitRelativePath 是一个在 HTML5 的 File API 中使用的非标准属性，它由 WebKit 和 Blink 引擎（如 Chrome 和 Safari 浏览器）支持。这个属性提供了一个相对于用户选择文件夹的路径，当用户通过 <input type="file" webki 阅读全文 »
posted @ 2024-12-28 16:01 龙陌 阅读(73) 评论(0) 推荐(0) 编辑
2024年12月26日
AssemblyScript 对比原生的TS和JS有何优势？
发表于 2024-12-26 10:57阅读：103评论：0推荐：0
摘要： AssemblyScript 是一种 TypeScript 的严格子集，旨在编译为 WebAssembly (Wasm)，从而在浏览器和服务器环境中提供接近原生代码的执行速度。它与原生的 TypeScript (TS) 和 JavaScript (JS) 相比具有一些独特的优势，尤其是在性能和内存管 阅读全文 »
posted @ 2024-12-26 10:57 龙陌 阅读(103) 评论(0) 推荐(0) 编辑
2024年12月25日
js中的可选链语法在node12的时候报错了
发表于 2024-12-25 15:45阅读：94评论：0推荐：0
摘要： JavaScript 的可选链（optional chaining）语法是在 ECMAScript 2020 (ES11) 中引入的，它允许你安全地访问嵌套对象属性，即使某个中间属性不存在也不会抛出错误。然而，在 Node.js 环境中，不同版本对新特性的支持情况有所不同。 Node.js 对 ES 阅读全文 »
posted @ 2024-12-25 15:45 龙陌 阅读(94) 评论(0) 推荐(0) 编辑
js中使用对象.属性获取值与使用函数直接返回一个值，性能上有差异吗？
发表于 2024-12-25 11:23阅读：56评论：0推荐：0
摘要： 在 JavaScript 中，通过对象属性访问值（例如 obj.property）与调用函数返回一个值（例如 function getValue() { return value; } 或者箭头函数 const getValue = () => value;）这两种方式的性能差异通常是非常微小的，在 阅读全文 »
posted @ 2024-12-25 11:23 龙陌 阅读(56) 评论(0) 推荐(0) 编辑
2024年12月24日
vue中全局使用的方法或者常量，可以挂载到window上面吗？
发表于 2024-12-24 13:49阅读：126评论：0推荐：0
摘要： 在 Vue.js 应用中，将全局方法或常量挂载到 window 对象上是一种实现全局访问的方式，但这种方法并不是最佳实践。虽然它确实可以让任何地方都能访问这些方法或常量，但也带来了潜在的风险和问题： 挂载到 window 的优点 简单直接：可以直接通过 window.methodName 或 win 阅读全文 »
posted @ 2024-12-24 13:49 龙陌 阅读(126) 评论(0) 推荐(0) 编辑
2024年12月22日
@rushstack/eslint-patch 这个包的作用是什么
发表于 2024-12-22 20:12阅读：130评论：0推荐：0
摘要： @rushstack/eslint-patch 是一个由 Microsoft 的 Rush Stack 团队开发的工具，主要用于修补 ESLint 在某些特定场景下的行为，特别是在使用 TypeScript 和其他语言特性时。它的主要作用是解决 ESLint 与一些现代 JavaScript/Typ 阅读全文 »
posted @ 2024-12-22 20:12 龙陌 阅读(130) 评论(0) 推荐(0) 编辑
tanstackQuery中 isPending 与 isFetching 的区别
发表于 2024-12-22 15:48阅读：25评论：0推荐：0
摘要： 在 tanStack Query（以前称为 React Query）中，isPending 和 isFetching 都是用来描述查询状态的布尔值属性，但它们表示的是不同阶段和情况下的加载状态。理解两者的区别有助于更好地管理应用中的加载指示器和用户界面反馈。 isFetching 定义：isFetc 阅读全文 »
posted @ 2024-12-22 15:48 龙陌 阅读(25) 评论(0) 推荐(0) 编辑
2024年12月21日
零宽字符的应用场景
发表于 2024-12-21 14:57阅读：71评论：0推荐：0
摘要： 零宽字符（Zero-width characters）是 Unicode 标准中定义的一类特殊字符，它们在文本中不占据任何可视空间。尽管这些字符不可见，但它们具有特定的功能和应用场景。以下是零宽字符的一些常见应用场景： 1. 文本格式化 零宽非连接符（ZWNBSP, U+FEFF）：通常用作字节顺序 阅读全文 »
posted @ 2024-12-21 14:57 龙陌 阅读(71) 评论(0) 推荐(0) 编辑
scrollIntoView 与原生# 实现滚动到可视区域的区别
发表于 2024-12-21 12:18阅读：32评论：0推荐：0
摘要： scrollIntoView 是一个 JavaScript 方法，用于将元素滚动到浏览器窗口的可见区域内。而通过 URL 中的片段标识符（即 # 后面的部分）来实现滚动到页面中的特定位置，则是浏览器内置的行为。这两种方式在实现滚动到可视区域方面有一些关键区别： 1. 行为差异 scrollIntoV 阅读全文 »
posted @ 2024-12-21 12:18 龙陌 阅读(32) 评论(0) 推荐(0) 编辑
2024年12月20日
offsetTop为啥会影响性能?
发表于 2024-12-20 23:37阅读：27评论：0推荐：0
摘要： offsetTop 是一个只读属性，它返回元素的顶部相对于其包含块（通常是最近的已定位祖先元素）的偏移量。当在一个页面中频繁或大量使用 offsetTop 来获取元素的位置时，可能会影响性能，主要原因如下： 1. 强制同步布局 (Layout Thrashing) 每当访问 offsetTop 或其 阅读全文 »
posted @ 2024-12-20 23:37 龙陌 阅读(27) 评论(0) 推荐(0) 编辑
2024年12月9日
Playwright的端到端测试（End-to-End Testing，简称 E2E 测试）是什么意思？
发表于 2024-12-09 15:10阅读：167评论：0推荐：0
摘要： Playwright 的端到端测试（End-to-End Testing，简称 E2E 测试）是一种软件测试方法，旨在模拟真实用户在应用程序中的交互行为，从头到尾验证整个应用的工作流程。这种测试确保了应用的所有组件（前端、后端、数据库等）协同工作，并且用户体验符合预期。 端到端测试的特点 全面覆盖： 阅读全文 »
posted @ 2024-12-09 15:10 龙陌 阅读(167) 评论(0) 推荐(0) 编辑
url路径中推荐使用-还是_?
发表于 2024-12-09 10:01阅读：92评论：0推荐：0
摘要： 在URL路径中，推荐使用连字符（-）而不是下划线（_）。以下是几个原因： SEO友好性：搜索引擎更倾向于将连字符解释为单词分隔符，而下划线可能会被忽略或被视为单词的一部分。使用连字符有助于搜索引擎更好地理解URL中的关键词。 用户体验：连字符在URL中看起来更加自然，容易阅读。例如，example. 阅读全文 »
posted @ 2024-12-09 10:01 龙陌 阅读(92) 评论(0) 推荐(0) 编辑
2024年12月2日
什么是暗水印
发表于 2024-12-02 16:04阅读：187评论：0推荐：0
摘要： 暗水印（也称为数字水印或隐形水印）是一种信息隐藏技术，它将特定的数据嵌入到多媒体内容（如图像、音频、视频文件）中，而不会明显改变这些内容的外观或质量。这种嵌入的信息通常是不可见的，只有通过特定的算法才能检测和提取出来。暗水印的主要用途包括版权保护、内容认证、跟踪非法复制以及确保数据完整性等。 暗水印 阅读全文 »
posted @ 2024-12-02 16:04 龙陌 阅读(187) 评论(0) 推荐(0) 编辑
软件开发中， Staging environment的作用
发表于 2024-12-02 09:20阅读：66评论：0推荐：0
摘要： 在软件开发中，Staging environment（预生产环境）是一个重要的环节，主要用于在软件正式上线前进行最终的测试和验证。以下是 Staging environment 的主要作用： 1. 模拟生产环境 环境一致性：Staging environment 尽可能地模拟生产环境，包括硬件配置、 阅读全文 »
posted @ 2024-12-02 09:20 龙陌 阅读(66) 评论(0) 推荐(0) 编辑
2024年11月29日
RBAC, ACL, ABAC 的权限控制方式具体解释
发表于 2024-11-29 11:48阅读：731评论：0推荐：0
摘要： 权限控制是确保信息系统安全的重要组成部分，它定义了用户可以访问哪些资源以及他们对这些资源能够执行的操作。RBAC（基于角色的访问控制）、ACL（访问控制列表）和ABAC（基于属性的访问控制）是三种常见的权限控制模型。下面是这三种模型的具体解释： 1. RBAC (Role-Based Access 阅读全文 »
posted @ 2024-11-29 11:48 龙陌 阅读(731) 评论(0) 推荐(0) 编辑
如何理解前端项目中的 Headless？
发表于 2024-11-29 11:46阅读：82评论：0推荐：0
摘要： 在前端开发中，“Headless”一词通常指的是一个没有用户界面（UI）的系统或组件。这种做法允许开发者将后端逻辑与前端展示分离，从而让前后端能够独立发展和优化。以下是几个关键点来帮助理解前端项目中的“Headless”概念： 解耦前后端：传统的Web应用往往紧密地结合了内容管理系统(CMS)及其呈 阅读全文 »
posted @ 2024-11-29 11:46 龙陌 阅读(82) 评论(0) 推荐(0) 编辑
什么是 meta-framework？
发表于 2024-11-29 11:29阅读：46评论：0推荐：0
摘要： Meta-framework，或称为元框架，是一种设计用来构建、扩展或者管理其他软件框架的框架。它提供了一种更高层次的抽象，使得开发者能够更加方便地创建特定领域的应用或服务。Meta-framework通常包含了一些通用的功能和工具集，这些功能和工具集可以被定制化以适应不同的应用场景。 在实际开发中 阅读全文 »
posted @ 2024-11-29 11:29 龙陌 阅读(46) 评论(0) 推荐(0) 编辑
2024年11月26日
js中在将字符串数字转为数字时，使用哪种方式更安全
发表于 2024-11-26 14:04阅读：93评论：0推荐：0
摘要： 在 JavaScript 中，将字符串数字转换为数字时，有几种常见的方法，但每种方法都有其适用场景和潜在的风险。为了确保转换的安全性和准确性，建议使用以下方法： 1. Number 构造函数 Number 构造函数是最直接和安全的方法之一，它可以处理各种数字格式，包括整数、浮点数和科学计数法。 co 阅读全文 »
posted @ 2024-11-26 14:04 龙陌 阅读(93) 评论(0) 推荐(0) 编辑
2024年11月25日
file.ts
发表于 2024-11-25 16:47阅读：8评论：0推荐：0
摘要： /** * *获取上传的文件数据 * @param { File } file 文件对象 */ export const readFile = (file: File) => { return new Promise((resolve: Function) => { try { const read 阅读全文 »
posted @ 2024-11-25 16:47 龙陌 阅读(8) 评论(0) 推荐(0) 编辑
base64ToBlob 图片的 base64 转 Blob 对象，用于生成本地图片
发表于 2024-11-25 16:17阅读：120评论：0推荐：0
摘要： /** * 图片的 base64 转 Blob 对象，用于生成本地图片 * @param {*} base64 String * @returns Blob */ const base64ToBlob = (base64Data) => { // Split base64 const arr = b 阅读全文 »
posted @ 2024-11-25 16:17 龙陌 阅读(120) 评论(0) 推荐(0) 编辑
formatCode.js
发表于 2024-11-25 16:15阅读：9评论：0推荐：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 龙陌 阅读(9) 评论(0) 推荐(0) 编辑
pnpm -F @opentiny/tiny-engine-controller -F @opentiny/tiny-engine-dsl-vue build 这个命令的作用是什么
发表于 2024-11-25 14:16阅读：59评论：0推荐：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 龙陌 阅读(59) 评论(0) 推荐(0) 编辑
dsl 在打包构建生成代码中，是哪个英文单词的缩写
发表于 2024-11-25 12:04阅读：41评论：0推荐：0
摘要： 在打包构建生成代码的上下文中，DSL 通常是 "Domain-Specific Language" 的缩写。 Domain-Specific Language (领域特定语言) DSL 是一种计算机语言或规格，专门为解决特定领域的问题而设计。与通用编程语言（如 Java、Python）不同，DSL 阅读全文 »
posted @ 2024-11-25 12:04 龙陌 阅读(41) 评论(0) 推荐(0) 编辑
2024年11月23日
Node.js 中 TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]
发表于 2024-11-23 11:38阅读：144评论：0推荐：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 龙陌 阅读(144) 评论(0) 推荐(0) 编辑
2024年11月16日
配置proxyRes 可在响应头中看到请求的真实地址
发表于 2024-11-16 16:02阅读：421评论：0推荐：0
摘要： 在 Vite 配置中，proxy 选项用于设置开发服务器的代理规则。通过这些代理规则，你可以将前端开发服务器的请求转发到后端 API 服务器，从而解决开发环境中的跨域问题。你提到的配置片段详细地设置了代理规则，下面是对这段代码的详细解释： 代码解析 proxy: { [viteEnv.VITE_BA 阅读全文 »
posted @ 2024-11-16 16:02 龙陌 阅读(421) 评论(0) 推荐(0) 编辑
new webpack.ProvidePlugin({ Buffer: ['buffer', 'Buffer'], }), new webpack.ProvidePlugin({ process: 'process/browser', }), 作用是什么
发表于 2024-11-16 12:19阅读：53评论：0推荐：0
摘要： 在 Webpack 配置中，ProvidePlugin 是一个非常有用的插件，它可以自动向模块中注入特定的变量，而无需在每个模块中显式导入这些变量。你提到的配置片段使用了 ProvidePlugin 来注入 Buffer 和 process 对象。下面是对这段代码的详细解释： 代码解析 new we 阅读全文 »
posted @ 2024-11-16 12:19 龙陌 阅读(53) 评论(0) 推荐(0) 编辑
在 tsconfig.json 文件中，compilerOptions.types 字段用于指定 TypeScript 编译器应该包含的类型声明文件
发表于 2024-11-16 11:40阅读：230评论：0推荐：0
摘要： 在 tsconfig.json 文件中，compilerOptions.types 字段用于指定 TypeScript 编译器应该包含的类型声明文件。这些类型声明文件提供了类型信息，使得 TypeScript 能够在编译时进行类型检查和提供智能提示。你提到的配置项指定了几个常用的类型声明文件，下面是 阅读全文 »
posted @ 2024-11-16 11:40 龙陌 阅读(230) 评论(0) 推荐(0) 编辑
.ts文件和d.ts文件对比
发表于 2024-11-16 11:12阅读：181评论：0推荐：0
摘要： TS中有俩种文件类型，一种是.ts文件，一种是.d.ts文件 .ts文件 既可以包含类型信息也可以写逻辑代码 可以被编译为js文件 .d.ts文件 只能包含类型信息不可以写逻辑代码 不会被编译为js文件，仅做类型校验检查 自定义类型声明文件 d.ts文件在项目中是可以进行自定义创建的，通常有俩种作用 阅读全文 »
posted @ 2024-11-16 11:12 龙陌 阅读(181) 评论(0) 推荐(0) 编辑
chainWebpack: config => { // 移除 preload(预载) 插件 config.plugins.delete('preload') // 移除 prefetch(预取) 插件 config.plugins.delete('prefetch') }
发表于 2024-11-16 10:52阅读：169评论：0推荐：0
摘要： 在 Vue CLI 项目中，chainWebpack 是一个用于自定义 Webpack 配置的钩子。通过 chainWebpack，你可以对 Webpack 配置进行更细粒度的控制。你提到的代码片段的作用是移除 preload 和 prefetch 插件。下面是对这段代码的详细解释： 代码解析 ch 阅读全文 »
posted @ 2024-11-16 10:52 龙陌 阅读(169) 评论(0) 推荐(0) 编辑
2024年11月12日
Node 安装依赖报错(Use `node --trace-deprecation ...` to show where the warning was created) Error: error:0308010C:digital envelope routines::unsupported
发表于 2024-11-12 10:06阅读：503评论：0推荐：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 龙陌 阅读(503) 评论(0) 推荐(0) 编辑
2024年11月10日
复制粘贴文字中的 nbsp怎么去掉？
发表于 2024-11-10 14:13阅读：113评论：0推荐：0
摘要： 使用idea之类的，全局搜索然后替换为空格即可，注意不是替换为空，而是一个空格 阅读全文 »
posted @ 2024-11-10 14:13 龙陌 阅读(113) 评论(0) 推荐(0) 编辑
"stackblitz": { "startCommand": "yarn run test:unit" } 这个命令的作用是什么？
发表于 2024-11-10 11:45阅读：32评论：0推荐：0
摘要： 在 package.json 文件中，stackblitz 字段用于配置 StackBlitz 环境中的特定设置。StackBlitz 是一个基于云的开发环境，允许用户在线编写、运行和调试代码。startCommand 字段指定了在 StackBlitz 环境中启动项目时应该执行的命令。 start 阅读全文 »
posted @ 2024-11-10 11:45 龙陌 阅读(32) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 19 下一页
点击右上角即可分享
微信分享提示