昔人'

在日常开发中，Modal 是一个使用频率非常高的 UI 组件。基于 这篇文章 的启发，我编写了一个基于 Arco Design UI 的 Modal 组件封装。我们通过 document.createElement(‘div’) 创建了一个 DOM 容器，并在 document.body 中插入，以便动态渲染 Modal。如果 onOk 返回一个 Promise，则在弹窗确认按钮点击时，显示 loading 状态；通过 update 函数，可以动态更新配置，比如设置 confirmLoading 状态。

【代码】parsing go.mod: module declares its path as: go.mongodb.org/mongo-driver but was required as:....

首先，“bogon”一词在互联网术语中特指那些不应该出现在公互联网路由表中的IP地址。这些地址通常包括私有IP范围（如192.168.x.x、10.x.x.x和172.16.0.0至172.31.255.255），以及未分配或保留的IP地址空间。当DNS服务器尝试解析这类地址时，可能会返回“bogon”作为主机名，导致您在Mac终端中看到这一非预期的名称。遇到Mac主机名变为“bogon”的情况，不必过于担心。通过上述几步简单的操作，您就可以轻松解决这个问题。

ts-node是一个 TypeScript 执行引擎，它允许您直接运行 TypeScript 代码，而无需先将其编译为 JavaScript。这在开发和测试过程中非常有用，可以提高开发效率。以下是关于ts-node的一些基本信息和使用方法。

_dirname是一个字符串，表示当前文件所在目录的绝对路径。这个变量非常有用，当你需要引用同级或上级目录中的文件时，可以避免硬编码路径，从而提高代码的可移植性。无论你的脚本在哪里被执行，__dirname总是指向包含该脚本文件的目录。1.__dirname 是指当前执行脚本所在的目录的路径。2.它总是返回文件所在的目录路径，不包括文件名。3.在模块中使用时，它是动态的，会根据当前模块的位置而变化。

TypeScript允许通过接口扩展来增强现有类型，这对于给DOM元素添加自定义属性非常有用。示例// 输出: Custom Value。

未来，你可以在此基础上扩展更多功能，如导出对比结果、支持更多文件类型等，以满足更广泛的应用需求。

它不同于常见的字符串、数字等类型，旨在提供一种机制，使得开发者能够在对象中创建不易被外界干扰或误操作的属性。JavaScript 作为一门灵活且功能丰富的编程语言，提供了多种数据类型供开发者构建复杂的应用程序。方法获取），但在日常开发中，它们为对象属性的管理和保护提供了有力工具，有助于构建更加健壮、可维护的代码。对应的属性，开发者能够调整对象与内置操作的交互方式，增强代码的灵活性和可定制性。都是唯一的，但在某些场景下，我们可能需要不同代码模块共享同一个。，为对象属性的管理带来了更高的安全性和定制性。

csdn 迁移

内网安装vue devtools

谷歌搜索技巧

每次有同学学习到vue3的时候，总会问我：“Sunday老师，ref和reactive我们应该用哪个呢？” 我告诉他：“我们应该使用ref，而不是reactive那么此时同学就会有疑惑：“为什么呢？ref还需要.value处理，reactive看起来会更加简单呢？嗯…每当这个时候，我都需要进行一次长篇大论来解释这个问题。不过以后应该不需要了，因为这篇文章将会把这个事情解释的非常清楚…

一看就会的JS封装篇 ???????????? JS的三大特性一直是比较难理解的内容，不少初学者甚至有一定经验的大佬都不一定能说的特别的清楚，更多的都是一知半解，而这部分内容又是JS最核心的内容。所以我最近总结了这篇JS封装篇，后面还会陆续发布JS继承篇。希望可以帮到大家。????希望点进来的盆友可以点个赞????哦，你们的支持就是对我最大的鼓励????！！！好吧，让我们回到正题，Let’s go!????????基本概念「封装」 把客观事物封装成抽象的类，隐藏属性和方法，仅对外公开接口。举个

在网页中，我们从用户输入的内容中获取的值通常是字符串，但是有时候我们希望用户输入的内容一定要能转成数值：userInput.addEventListener('change', (e) => { const value = e.target.value; console.log(typeof value); // string console.assert(isNumeric(value), `Not a numeric value: ${value}`); }...

【代码】Underscore骨骼。

【代码】elementui el-cascader选择任意一级搭配懒加载使用，单选框radio不会触发懒加载。

URL 的编码和解码。

各位写代码的时候，经常会出现条件判断吧，那么条件判断里面脸最熟的当属 if 了吧，这个东西在我们开始编码的时候，真的是隔一段时间不写，就浑身难受。??但是呢，if 这个东西，哪怕是再简单的判断，也会有隐含问题，而且在代码可读性上，条件判断的效果很不友好，当存在多重判断的时候，简直就是灾难。??所以为了解决条件判断的这些弊端，状态模式应运而生。状态模式??状态模式：当一个对象的内部状态发生改变时，会导致其行为的改变，这看起来像是改变了对象。??我们可以将不同的状态结果封装在状态对象内部，然后该状态对象返回一

1、模式定义策略模式，把定义的一组算法封装起来，使其相互之间可以替换。封装的算法具有一定的独立性，不会随客户端变化而变化。2、策略模式 vs. 状态模式从结构上看，策略模式和状态模式很像，也是在内部封装一个对象，然后通过返回的接口对象来实现对内部对象的调用。不同的是，策略模式不需要管理状态，状态之间也没有依赖关系，策略之间可以相互替换，策略对象内部保存的是相互独立的算法。策略模式，就像一个活诸葛，对同一件事情的处理，总有多种可能的计谋，每次都可以随心所欲地选择一种计谋来达到不同种的结果。3、策略模式 举例：

原因: 你在手动触发改变之前,使用了 dialog.forms.roomCode = xxx;而’之前运行了 dialog.forms.roomCode = ‘’;所以dialog.forms.roomCode虽然确实被改变了,但是不过它不是响应式的,所以视图没有更新。场景: 已知El-Select的v-model=‘dialog.forms.roomCode’this.dialog.forms ={ roomCode: “”};$1(ob.value, key, val)去定义响应式的变量)