摘要：
export type IconType = React.ReactNode | ((props: TreeNodeProps) => React.ReactNode); 阅读全文
posted @ 2024-08-14 15:02
龙陌
阅读(72)
评论(0)
推荐(0)
摘要：
base64加密解密，中文乱码问题 通常的方法是通过 window.btoa() 方法对源数据进行编码, 然后接收方使用 window.atob() 方法对其进行解码, 从而得到原数据. 由于btoa 方法仅支持 ASCII 编码, 我们在转换中文的时候就需要先将中文转换为ASCII字符序列，再通过 阅读全文
posted @ 2024-08-12 11:33
龙陌
阅读(1478)
评论(0)
推荐(0)
摘要：
MinIO是什么？ 一种对象存储解决方案， Minio 提供与亚马逊云科技 S3 兼容的 API，并支持所有核心 S3 功能, 所以也可以看做是S3的开源版本；它允许用户通过简单的 API 接口进行数据的存储和检索，同时提供高度可扩展性和强大的数据保护机制。 MinIo主要是在微服务系统中使用，非常 阅读全文
posted @ 2024-08-06 22:09
龙陌
阅读(619)
评论(0)
推荐(0)
摘要：
标签是 HTML 中的一个元素，用于嵌入外部应用程序或交互式内容（如插件）到 HTML 页面中。这个标签允许你插入任何类型的外部应用程序或插件，比如 Flash 应用程序、视频、音频、PDF 文件等。然而，需要注意的是， 标签的使用已经逐渐减少，因为现代网页开发更倾向于使用更具体、更标准化的标签和技 阅读全文
posted @ 2024-08-05 20:26
龙陌
阅读(157)
评论(0)
推荐(0)
摘要：
var a = 10; function fn1() { return a + 10; } function fn2() { var a = 20; return fn1(); } console.log(fn2()); 第一反应是调用fn1，逐级往上查找a变量，但是经过提醒发现，fn1在定义的时候 阅读全文
posted @ 2024-07-08 09:46
龙陌
阅读(65)
评论(0)
推荐(0)
摘要：
如何在Windows中获取文件名中带有冒号的文件？ https://www.saoniuhuo.com/question/detail-2135850.html 在创建文件的时候，若生成的文件名带冒号，会生成冒号之前的文件名，且文件中无内容，不会报错 校验文件名是否符合的方法 export defa 阅读全文
posted @ 2024-07-07 23:38
龙陌
阅读(208)
评论(0)
推荐(0)
摘要：
这段代码主要是在实现一个深度观察者模式的部分逻辑，用于递归地处理对象和数组，以便在数据结构变化时触发回调。这里的关键是理解条件运算符和函数调用的执行顺序。让我们逐步分析： 条件表达式的左侧: isPlainObject(res): 这个函数检查res是否是一个纯对象（即普通的JavaScript对象 阅读全文
posted @ 2024-07-06 16:31
龙陌
阅读(65)
评论(0)
推荐(0)
摘要：
在 Git 中创建分支时，选择分支名称的命名规范非常重要，因为它不仅有助于代码审查和协作，还能提高项目管理和追踪问题的效率。 在给定的两个选项之间选择，fix/bug_123 和 fix_bug_123，通常推荐使用带有斜杠 / 的风格，即 fix/bug_123，原因如下： 语义清晰：使用 / 分 阅读全文
posted @ 2024-07-05 10:45
龙陌
阅读(234)
评论(0)
推荐(0)
摘要：
JavaScript中的异步模式 JavaScript语言的执行环境是“单线程（singlethread）”，就是指一次只能完成一个任务。 如果有多个任务，就必须排队，等前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯， 坏处是只要有一个任务耗时很 阅读全文
posted @ 2024-07-04 20:15
龙陌
阅读(63)
评论(0)
推荐(0)
摘要：
在React应用中，组件的频繁更新可能会导致性能问题，因为每次更新都涉及到重新渲染和布局计算。为了提升性能，避免不必要的更新是非常关键的。以下是一些优化React组件性能，避免频繁更新的策略： 使用PureComponent或React.memo PureComponent 和 React.memo 阅读全文
posted @ 2024-07-04 20:14
龙陌
阅读(481)
评论(0)
推荐(0)
摘要：
WebP 图片格式是由 Google 开发的一种现代图像格式，旨在提供更高效的图像压缩，相比于传统的 JPEG、PNG 和 GIF 格式，WebP 提供了显著的优势： 更高的压缩率：WebP 支持无损和有损压缩。在有损压缩模式下，WebP 可以提供比 JPEG 更高的压缩率，这意味着相同质量的图片， 阅读全文
posted @ 2024-07-04 19:29
龙陌
阅读(583)
评论(0)
推荐(0)
摘要：
在现代Web开发中，浏览器对同时发起的网络请求确实存在一定的限制，这个限制通常与浏览器的安全性和性能优化有关。不同浏览器对最大并发连接数有不同的默认设置，例如，Chrome 和 Firefox 大致允许每个域名上同时有6到8个TCP连接，而IE可能更低。当超过这个限制时，额外的请求会被排队等待，直到 阅读全文
posted @ 2024-07-04 15:03
龙陌
阅读(521)
评论(0)
推荐(0)
摘要：
要优化这段代码以避免 ESLint 的 array-callback-return 错误，你需要确保 map 函数中的每个回调都返回一个值或者通过早期返回来处理。 在你的例子中，你只在满足特定条件时返回元素。 ESLint 的规则要求每个数组迭代都应有返回值，否则它会抛出警告。 一种解决方案是在不满 阅读全文
posted @ 2024-07-04 14:24
龙陌
阅读(121)
评论(0)
推荐(0)
摘要：
在B端产品的表格设计中，操作按钮的交互逻辑是一个需要细致考虑的问题。表格作为信息展示和数据管理的重要工具，其操作按钮的设计直接影响到用户的操作效率和使用体验。 关于是否应该在未选中行时禁用删除按钮，还是应该在点击按钮时提示选择数据，以下是从几个不同角度的关键点分析： 一、用户体验与直观性 用户心理预 阅读全文
posted @ 2024-07-03 16:53
龙陌
阅读(115)
评论(0)
推荐(0)
摘要：
DI:Defect Index(缺陷率) 定义：DI值是衡量软件质量的高低的指标之一。 公式：DI= 致命级别的问题个数10+严重级别的问题个数3+一般级别的问题个数1+提示级别的问题个数0.1 阅读全文
posted @ 2024-07-01 11:43
龙陌
阅读(1547)
评论(0)
推荐(0)
摘要：
在 TypeScript 中，要限制一个方法的参数 data 必须是数组且数组的长度为偶数，可以通过定义一个类型守卫来实现。这里有一个示例： function isEvenArray<T>(arg: T[]): arg is T[] { return Array.isArray(arg) && ar 阅读全文
posted @ 2024-06-25 15:35
龙陌
阅读(309)
评论(0)
推荐(0)
摘要：
在 Markdown 中，要链接到文档中的四级标题（即第四级别的标题），可以使用以下方法： 假设你有一个 Markdown 文档结构如下： # 标题1 ## 标题2 ### 标题3 #### 标题4 正文内容。 如果你想要创建一个链接，指向第四级标题（#### 标题4），可以按照以下步骤操作： 添加 阅读全文
posted @ 2024-06-25 00:15
龙陌
阅读(510)
评论(0)
推荐(0)
摘要：
NaN 是 JavaScript 中的特殊值，表示"Not-a-Number"，通常用于表示数学运算中未定义或无法表示的结果。 它是一种特殊的数字值，但与其他数字不同，NaN 本身是一个数值，可以用来进行比较和判断。 NaN 与任何值相加都会得到NaN NaN 与任何值都不相等，包括他本身 NaN 阅读全文
posted @ 2024-06-24 22:17
龙陌
阅读(189)
评论(0)
推荐(0)
摘要：
在 TypeScript 中，如果你想要从一个复杂的类型（比如 TableRowSelection）中仅选取特定的属性（如 onChange 和 onSelect），你可以使用 Pick 工具类型来完成这个任务。 首先，确保你已经定义了或者导入了 TableRowSelection 类型，并且知道它 阅读全文
posted @ 2024-06-24 18:46
龙陌
阅读(148)
评论(0)
推荐(0)
摘要：
node: protocol is available as of Node.js 14.18.0 LTS. Since we are dropping support for all Node.js versions below that, we can takeadvantage of this 阅读全文
posted @ 2024-06-21 23:32
龙陌
阅读(73)
评论(0)
推荐(0)
摘要：
这段命令是用于在Node.js项目中安装React 17版本的一个指定操作，具体各部分含义如下： npm i 或 npm install：这是用于在Node.js项目中安装包的命令，会根据package.json文件中的dependencies或devDependencies安装所有依赖，如果没有指 阅读全文
posted @ 2024-06-17 14:11
龙陌
阅读(415)
评论(0)
推荐(0)
摘要：
在React中，修改state中的对象数组中的某个对象属性时，最佳实践是先拷贝再修改，然后再设置state。这样做是为了遵守React的状态更新应该是幂等的原则，即多次执行相同的操作应该得到相同的结果，并且避免直接修改state导致的不可预期的行为和潜在的bug。 具体步骤如下： 拷贝：首先，你需要 阅读全文
posted @ 2024-06-17 10:53
龙陌
阅读(324)
评论(0)
推荐(0)
摘要：
使用WebSocket时，通常的做法是只建立一个WebSocket连接，通过这个连接来获取和发送所有相关数据。 WebSocket协议本身就是为了实现双向通信而设计的，它提供了一种长期持久的连接，允许服务器主动向客户端推送数据。 如果为每条数据都创建一个新的WebSocket连接，不仅会浪费资源（比 阅读全文
posted @ 2024-06-17 09:54
龙陌
阅读(279)
评论(0)
推荐(0)
摘要：
>>> 是JavaScript中的无符号右移位运算符。它将操作数的所有位向右移动指定位数，丢弃被移出的位，并在左侧填充零。特别地，>>> 0 是一个常用的技巧，用于确保任何数字（包括负数）都被转换为无符号的32位整数。这意味着结果总是非负的，并且范围在0到2^32-1之间。 具体解释 符号位处理：在 阅读全文
posted @ 2024-06-06 11:19
龙陌
阅读(326)
评论(0)
推荐(0)
摘要：
在React中，虽然发布订阅模式（Pub/Sub）可以作为一种实现跨多层级组件间通信的方法，但它并不是React官方推荐的主要手段，尤其是在React Hooks和Context API普及之后。 React推荐的跨组件通信方法主要包括： Props drilling：最直接的方式，通过props从 阅读全文
posted @ 2024-06-06 11:18
龙陌
阅读(364)
评论(0)
推荐(0)
摘要：
在JavaScript中，使用addEventListener方法向元素添加事件监听器时，如果有多个相同的事件名称（比如多次调用addEventListener("click", function))，这些监听器不会互相覆盖，而是会累加。 这意味着所有为同一事件类型注册的监听器都会按照添加的顺序依次 阅读全文
posted @ 2024-06-05 14:39
龙陌
阅读(645)
评论(0)
推荐(0)
摘要：
在JavaScript中，对于私有方法的命名，尽管语言本身并不强制任何命名规范，但有一些广泛接受的约定来表明方法或属性的私有性。 这些约定主要是为了提高代码的可读性和维护性，让其他开发者能够快速识别出哪些方法或属性是设计为内部使用的。以下是几种常见的私有方法命名约定： 下划线前缀 (_methodN 阅读全文
posted @ 2024-06-05 13:36
龙陌
阅读(159)
评论(0)
推荐(0)
摘要：
Yarn本身并没有直接提供一个命令来查看node_modules中的某个依赖包是由package.json中的哪个包直接或间接引入的。 但是，你可以通过一些间接的方式来获取这些信息： 手动检查： 打开node_modules中你想查询的依赖包的package.json文件，查看它的name字段确认包 阅读全文
posted @ 2024-06-05 13:35
龙陌
阅读(953)
评论(0)
推荐(0)
摘要：
这段代码的作用是获取当前文件所在目录下的plopfile.js文件的绝对路径。这里是逐步解释： import.meta.url: 这是ES Modules中的一个元属性，它提供了当前模块的绝对URL。 在Node.js环境中，当你在一个模块文件中访问import.meta.url时，它会返回该模块文 阅读全文
posted @ 2024-05-31 17:09
龙陌
阅读(625)
评论(0)
推荐(0)
摘要：
promisify(rimraf)('node_modules') 这样的用法结合了两个Node.js中的概念：promisify和rimraf，带来了以下好处： 从回调到Promise: promisify是Node.js内置的util模块中的一个函数，它将采用回调风格的函数转换为返回Promis 阅读全文
posted @ 2024-05-30 19:24
龙陌
阅读(130)
评论(0)
推荐(0)
摘要：
在npm中，直接使用npm publish命令发布包时，如果不更改版本号，npm会阻止你发布相同版本号的包。 这是为了避免意外地覆盖已发布的包版本，导致依赖该版本的其他项目出现问题。 因此，直接“强制推送”之前的版本号包并不是推荐的做法。 但如果你确实有特殊需求（比如紧急修复了安全漏洞，需要重新发布 阅读全文
posted @ 2024-05-30 14:58
龙陌
阅读(1469)
评论(2)
推荐(0)
摘要：
集成测试和冒烟测试在软件测试流程中有着不同的目的和执行时机： 冒烟测试通常在软件的新版本构建完成后立即进行，作为质量 gate 的第一步。 它的目的是快速验证软件的基本功能是否正常工作，是否可以进行进一步的详细测试。 冒烟测试就像是一个初步的检查，确保没有严重的故障阻碍后续的全面测试。 如果冒烟测试 阅读全文
posted @ 2024-05-29 16:59
龙陌
阅读(471)
评论(0)
推荐(0)
摘要：
在 dumi 2.x 中支持 CSS Modules 是比较直接的，因为 dumi 基于 Umi，而 Umi 自身就对 CSS Modules 提供了良好支持。以下是基本步骤和注意事项来在 dumi 项目中使用 CSS Modules： 安装依赖： 确保你的项目中已经安装了相应的加载器，如style 阅读全文
posted @ 2024-05-28 14:26
龙陌
阅读(371)
评论(0)
推荐(0)
摘要：
里氏替换原则（Liskov Substitution Principle, LSP）是面向对象设计中的一个基本原则，由芭芭拉·利斯科夫（Barbara Liskov）在1987年提出。 这个原则的中心思想非常直观，可以用一句通俗的话来解释：“子类应当能够替换掉它们的父类，而不会影响到程序的正确性。” 阅读全文
posted @ 2024-05-27 10:05
龙陌
阅读(108)
评论(0)
推荐(0)
摘要：
接口隔离原则（Interface Segregation Principle, ISP）的通俗解释可以这样理解： 想象你在经营一家餐厅，餐厅里有各种各样的顾客，有的顾客只想吃素菜，有的顾客只对肉类感兴趣，还有的顾客可能对甜品情有独钟。 如果你设计了一个菜单，上面既有素食、又有肉食和甜品，那么对于只想 阅读全文
posted @ 2024-05-27 10:04
龙陌
阅读(79)
评论(0)
推荐(0)
摘要：
在React中，useMemo 和 useEffect 都是 Hooks，但它们各自有不同的用途和适用场景。上述代码片段使用了 useMemo 来 memoize（记忆化）一个计算结果，确保只要依赖项（tuningFileOptionsMemo 和 currentTuningFileId）不变，返回 阅读全文
posted @ 2024-05-22 11:15
龙陌
阅读(57)
评论(0)
推荐(0)
摘要：
422是一个HTTP状态码，表示服务器理解客户端的请求，但无法处理该请求。这个状态码通常被用于Web应用程序中的表单验证，其中服务器无法处理客户端提交的表单数据。 具体来说，当一个客户端向服务器提交表单数据时，服务器首先会验证这些数据是否符合要求。 如果数据验证失败，服务器会返回422状态码，告诉客 阅读全文
posted @ 2024-05-20 20:30
龙陌
阅读(2862)
评论(0)
推荐(0)
摘要：
这个需求的合理性取决于具体的应用场景和目的。让我们分析一下： 合理性的一面： 简化逻辑处理：如果这个类型字段是为了在后端快速区分或过滤不同类型的对象属性，那么在前端就做好标记，可以简化后端处理逻辑，减少在后端进行类型判断的需要。 一致性保证：在前端加入类型字段并确保它与对象属性中的一致，可以在一定程 阅读全文
posted @ 2024-05-20 14:24
龙陌
阅读(112)
评论(0)
推荐(0)
摘要：
后端要求前端将一些不必要的字段原封不动地传递回来，这种做法通常并不合理，主要原因如下： 增加数据传输负担：每次请求包含额外无用的字段会增加数据传输的体积，特别是在移动设备或网络条件不佳的情况下，这可能导致响应速度变慢，影响用户体验。 资源浪费：无论是服务器带宽、内存还是CPU，在处理和传输这些不必要 阅读全文
posted @ 2024-05-20 14:16
龙陌
阅读(264)
评论(0)
推荐(0)
摘要：
在React中，通常我们不直接“暴露”组件内部的state给外部去监听或修改，因为这违反了组件设计中的封装原则。 然而，确实有需求让外部知道某个组件的内部状态变化，这时可以通过以下几种方式实现通信： 回调函数（Callback Function）: 你可以通过传递一个回调函数作为prop从父组件到子 阅读全文
posted @ 2024-05-13 14:56
龙陌
阅读(379)
评论(0)
推荐(0)
浙公网安备 33010602011771号