专注基础架构领域

该代码段展示了一个函数getUrlBase64，它利用HTML5的Canvas和Promise将图片URL转换为Base64编码。当图片加载完成后，将其绘制到canvas上，然后转换为dataURL。另一个函数download_qr_code在接收到Base64编码后，创建一个链接元素用于下载名为qrCode.png的图片。

淘宝镜像源腾讯云镜像源cnpm是一个基于npm的中国镜像源。

WebStorm 不能像 VSCode 那样在保存的时候自动 Fix-ESLint，不能自动格式化代码，需要安装一个插件。

下载文件格式为 图片 或 txt 时文件会直接打开；文件名称为中文时要使用 encodeURI 转码；下文中${ url } 表示接口地址。

在Vue.js中，双感叹号（!）通常用于将一个值转换为布尔类型。在JavaScript中，有一些值可以被视为“假”或“真”，如false、0、空字符串、null、undefined等等。当我们使用双感叹号对这些值进行转换时，它会将它们转换为对应的布尔值。在上面的例子中，双感叹号将null转换为false，因此hasValue的值为false。使用双感叹号可以简洁地将一个值转换为布尔类型，方便我们进行条件判断和逻辑运算。这种转换在很多情况下都很有用，比如判断一个变量是否有值或者判断一个变量是否为真。

现在有三个地方配置主体颜色, 不是单纯修改 project setting 就可以的.处理的地方可以参考 github 这里.

这个错误通常出现在 TypeScript 中，它表示你试图将一个类型为any的值赋给一个类型为never的参数或变量。never表示不可能出现的值，因此不能将任何值赋给它。这个问题的方法是检查中的类型声明和类型推断，并尽可能地明确类型。如果你使用了第三方库或 API，可以它们的类型声明文件，以便更好地将其与你的集成。另外，在使用never类型时，确保它只出现在返回类型或其他特定的上下文中。相关问题。

从组件库中引入的组件深度选择器：deep和：global，在 Vue 和 SCSS 中，:deep和:global是用于控制样式作用范围的关键词。⭐⭐⭐在 Vue 中，:deep用于深度作用选择器，可以让样式穿透到子组件中。而:global则用于全局作用选择器，可以使样式不受组件的限制。例，在一个父组件中使用了一个子组件，并且需要修改子组件内部某个元素的样式：

在SCSS预处理器中，:deep是一个伪类器，用于一个元素的所有后代元素，无论它们在DOM结构中的层级深度如何。换句话说，:deep器是一个类似于CSS中的后代器，但是它可以不考虑嵌套层级的限制，而是选择所有符合条件的后代元素。例如，使用以下可以选择所有.container元素下的所有span需要注意的是，:deep选择器已经被标记为弃用的选择器，建议使用/deep/或者::v-deep代替。相关问题。

我尝试使用 prams 传递数据当我跳转页面时,得到的 prams 数据为空 ,控制台也出现了 Vue Router 的警告点开链接后发现了原因,。也就是说，从Vue Router的2022-8-22 这次更新后，我们使用上面的方式在新页面无法获取：vue也给我们提出了解决方案：使用 query 的方式传参只要改成query 传参就好了,注意query传参只能用路由表中的 path ,不是 name ,并且所有参数都会显示在URL 地址上。将参数放在 pinia 或 vuex仓库里。

在TypeScript中，bind() 方法用于创建一个新的函数，当这个新函数被调用时，它的this值会被绑定到传递给bind()方法的参数，这种特性在事件处理函数或者回调函数中非常有用，因为在这些场景下，我们通常需要将当前上下文（this）传递给这些函数。

的操作符，用于表示一个值可以是多个类型之一。这提供了更灵活的类型定义。在 TypeScript 中，‘|’ 是联合类型（Union。函数参数可以使用联合类型，使函数接受多种类型的参数。可以是 "success" 或 "error"。用于定义一个联合类型，这里。可以指定多个可能的类型。

是 ES5 标准库中的接口，并不意味着该类型的定义就一定是 2015 之前实现的，只是说 ES5 标准库需要有一个接口/类型来描述 ES6。还有一个小技巧就是，一般在 IDE 中，倘若你使用某个陌生的类型或接口，可以直接跳转过去看祂的官方类型定义。标准内置对象，But TypeScript 是在 ES6 之前破蛋的项目，而且社区已经开始有。至于类型之间的关系，可以参考官网子类型兼容性的相关资料。方法的对象，两者的命名都挺语义化的。之前，ECMAScript 并没有。其实就是 ES5 标准库中的一个。

bus.$emit的重要性体现在以下几个方面：实现组件通信：在 Vue 中，组件之间通常是独立的，无法直接访问彼此的状态或方法。通过使用bus.$emit，我们可以在不同的组件之间传递事件，从而实现组件通信。解耦组件：使用bus.$emit可以避免在组件之间直接依赖和耦合。组件只需要监听感兴趣的事件，并在事件发生时做出相应的反应，而无需关心事件的来源和具体实现。可复用性：通过将事件和事件监听器抽象到一个全局的bus对象中，可以提高代码的可复用性。不同的组件可以共享同一个bus，并在需要时进行通信

在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件我是子组件2

defineProps方法是Vue3的一个新特性，在组件化开发时可以方便的定义props并进行类型检查，以确保数据流的正确性和可靠性，同时也可以对props进行验证，确保传入的值符合我们期望的值。同时，在命名风格上也有很大的灵活性，可以通过配置实现不同风格的转换。

是 Vue 3.2 引入的一个新 API，它是的配套 API 之一。在中，所有定义的变量和函数默认是私有的，不能从组件外部访问。如果你想让外部组件访问到内定义的属性或方法，你需要使用显式地暴露它们。这是在上面的代码中，a、b 和 c 是在中定义的，通过将它们暴露给父组件。这样，父组件就可以通过模板引用（ref）或者 setup() 函数的 context.expose 属性来访问这些暴露的属性和方法。的引入是为了提供一种清晰的方式来控制组件的公共接口，避免所有的内部状态都被外部访问，从而增强组件的封装性。

【代码】Vue3 markRaw的使用。作用:将一个对象标记为不可以被转化为代理对象。返回该对象本身。应用场景:1.有些值不应被设置成响应式时,例如复杂的第三方类库等2.当渲染具有不可变数据源的大列表时,跳过响应式转换可以提高性能3.在动态渲染组件的时候我们就可以使用 markRaw 包裹。

这两个api都不需要引入，可直接在setup中使用。2. withDefaults：接收时。1. defineProps：接收。

教程地址：TypeScript react-hook-form 中 register 的类型是什么|极客教程

在TS中数据类型注解的作用就是限制变量赋值的数据类型并有提示。

Vue是构建出色的Web应用程序的最灵活、灵活和强大的JavaScript框架之一。Vue中最重要的概念和关键特性之一是能够促进应用程序组件之间的通信。让我们深入探讨一下Vue中的“emits”概念，并了解它们如何以流畅和无缝的方式实现父子组件之间的通信。

其实现在想来，提示也很明白了，list的类型是ComputedRef，但是我当时没搞懂ComputedRef是什么，所以懵住了。这里介绍vue3的特点，vue3在定义响应式数据时，需要使用x = ref()包裹数据，计算数据需要x = computed()。而ts为了应对这种情况就有了Ref和ComputedRef，分别表示这两种响应式数据。首先，我承认，我vue3和ts都不是很熟。所以对于变量x来说，他的数据类型一定不是括号内的内容或者说value的类型。

data入参可能为null,undefined，通常我们的写法是直接上if判断啥的，然后再取data中的属性，但是有了问号点(?和 || 的意思有点相似，但是又有点区别,?相较||比较严谨, 当值等于0的时候||就把他给排除了，但是?:是指可选参数，可以理解为参数自动加上undefined。

地址：https://icon-sets.iconify.design/

具体meta里都有啥，可以参照。在meta下面添加icon就行。

要安装特定的pnpm，可以使用npm命令来全局安装特定在上面的命令中，使用了@2.0.0来指定安装2.0.0的pnpm。您可以将2.0.0替换为您需要安装的号。如果您使用的是yarn，也可以使用以下命令来安装特定在上面的命令中，使用了@2.0.0来指定安装2.0.0版本的pnpm。您可以将2.0.0替换为您需要安装的版本号。希望这个解答对您有所帮助！相关问题。

yarn清除缓存1、查看yarn全局缓存目录2、清除缓存。

然后，我们创建了一个KubeConfig的实例，并使用loadFromDefault方法从默认的位置加载了KubeConfig文件。你需要确保你的KubeConfig文件包含了正确的信息，并且你的程序有读取这个文件的权限。1. 首先，你需要在你的项目中安装@kubernetes/client-node。2. 安装完毕后，你可以在你的代码中引入这个库，并创建一个KubernetesClient对象。4. 最后，我们使用makeApiClient方法创建了一个用于调用Kubernetes API的客户端。

一、查看当前的镜像源。

let ret = "12312ffds#￥@￥#%^&***(()))*)).`@%@￥@￥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]");for (let i = 0; i < val.length; i++) { ret = ret + ...

npm 安装依赖过程中报错：Error: Can‘t find Python executable “python“, you can set the PYTHON env variable

背景在执行：npm install 时，安装完一些依赖包之后提示：解决先用管理员打开cmd1.输入：npm install -g node-gyp2.再输入：npm install --global --production windows-build-tools注意：第二个执行命令会比较长一开始执行界面不要认为此时已经执行完毕，等待出现以下界面可以看到All done 提示 ，用时还是比较长的。...

错误原因：缺少windows构建插件解决方法：在命令行工具中运行：npminstall –global –production windows-build-tools（全局安装windows构建工具）注意：一定要使用管理员打开命令才有权限构建工具

临时使用淘宝源npm --registry https://registry.npm.taobao.org install node-red-contrib-composer@latest全局配置切换到淘宝源npm config set registry https://registry.npm.taobao.org全局配置切换到官方源npm config set registry http://www.npmjs.org检测是否切换到了淘宝源npm info underscore..

错提示 node-gyp : 依赖: nodejs-dev 但是它将不会被安装 依赖: gyp (>= 0.1+20150913git1f374df9) 但是它将不会被安装 推荐: build-essential 但是它将不会被安装E: 无法修正错误，因为您要求某些软件包保持现状，就是它们破坏了软件包间的依赖关系使用下面命令安装sudo apt install aptitudesudo aptitude install npm遇到

$ sudo apt-get install nodejs$ sudo apt-get install npm

1、安装 jimp $ npm install --save jimp2、读取本地图片切图jimp.read('本地图片地址', function (err, img) { if (err) throw err img .crop(x坐标起点, y坐标起点, width最终图片宽度, height最终图片高度) .write(result)})3、读取http图片，转成buffer，切成buffer...

这里就需要进行配置环境变量，环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。1、从nodejs官网下载 安装文件，我安装的版本是 node-v10.15.0-x64.msi ，双击进行安装。

1、升级$ sudo npm install n -g$ sudo n stable2、验证 $ node --version到此Ubuntu 升级nodejs版本介绍完成。