一切福田,不離方寸,從心而覓,感無不通。

Category Archives: Frontend

nvm 安装node失败问题记录(Get “https://nodejs.org/dist/latest/SHASUMS256.txt“: dial tcp 104.20.23.46:443: i/)

在使用 NVM(Node Version Manager)安装 Node.js 时,您可能会遇到类似如下的错误提示: 这个问题通常是由于网络连接不畅或访问 nodejs.org 的服务器时出现超时所导致的。当 NVM 尝试从 nodejs.org 下载 Node.js 版本文件时,网络阻塞可能会引发这个问题,尤其是在国内网络环境下。 解决方案 为了绕过这一问题,可以通过设置镜像源来加速下载。具体步骤如下: 设置 npm 镜像源: 使用 NVM 时,可以通过以下命令将 npm 的镜像源设置为国内的 npm 镜像源:

  这个命令将会指向 npm 镜像源,确保在安装 npm 相关的包时可以顺利下载。 设置 Node.js 镜像源: 同样地,我们可以将 Node.js 的镜像源设置为国内的 Node.js 镜像源:

  这个命令将 Node.js 下载源指向 npmmirror 的镜像服务器,避免访问 nodejs.org 时出现超时的问题。 设置好镜像源之后,您可以正常安装 Node.js 了。例如:

这将从国内的镜像源下载并安装指定版本的 Node.js。 总结 通过设置 npm 和 Node.js 的镜像源,可以有效解决由于网络问题导致的 NVM 安装 Node.js 失败的问题。这种方法特别适用于在国内环境中开发时遇到的网络连接问题。 希望这个解决方案能够帮助您顺利安装并使用 Node.js。如果您在其他方面遇到问题或有进一步的疑   from:https://blog.csdn.net/qq_67572731/article/details/141465938

龙生   25 Aug 2024
View Details

backdrop-filter

backdrop-filter CSS 属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。

龙生   14 Aug 2024
View Details

领导被我的花式console.log吸引了!直接写入公司公共库!

console 是一个用于调试和记录信息的内置对象, 提供了多种方法,可以帮助开发者输出各种信息,进行调试和分析。

龙生   13 Jun 2024
View Details

彻底搞懂Vue中的Mixin混入(保姆级教程)

官方解释:
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
官方的解释通常都是晦涩难懂的,因为要专业和准确嘛!
我们可以用我们自己容易理解的话来说说Vue中的Mixin是什么。

民间解释:
将组件的公共逻辑或者配置提取出来,哪个组件需要用到时,直接将提取的这部分混入到组件内部即可。这样既可以减少代码冗余度,也可以让后期维护起来更加容易。
这里需要注意的是:提取的是逻辑或配置,而不是HTML代码和CSS代码。其实大家也可以换一种想法,mixin就是组件中的组件,Vue组件化让我们的代码复用性更高,那么组件与组件之间还有重复部分,我们使用Mixin在抽离一遍。

龙生   23 May 2024
View Details

QRCode.js:使用 JavaScript 生成二维码

什么是 QRCode.js?
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

龙生   04 Mar 2024
View Details

微信小程序获取当前页面的url和参数

页面跳转添加参数

  接收options 1. 在onLoad里接收参数

  2.其他位置获取参数及url可以写成工具函数放到utils中:

  3.使用

  from:https://blog.csdn.net/m0_55969466/article/details/122167424

龙生   19 Feb 2024
View Details

在VUE中 如何在DOM 渲染完成后 在执行一些DOM 操作

{
created () {
this.$nextTick(() => {
// 可以使用回调函数的写法
// 这个函数中DOM必定渲染完成
})

this.$nextTick().then(() => {
// 也支持promise
// 这个函数中DOM必定渲染完成
})
}
}

龙生   14 Jan 2024
View Details

vue3的优秀开源项目

vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-vben-admin Vue Vben Admin 是一个基于 Vue3 和 TypeScript 的开源后台管理系统模板,它包含了众多的组件和插件,可以帮助开发者快速构建出高质量的后台管理系统。Vue Vben Admin 具有极高的可扩展性和灵活性,可以轻松地满足不同的业务需求。它还提供了丰富的文档和示例代码,使得开发者可以快速上手并进行开发。 https://github.com/vbenjs/vue-vben-admin vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system vue-manage-system 是一个基于 Vue3 和 Element Plus 的后台管理系统解决方案,它提供了一系列的通用组件和基础功能,可以帮助开发者快速搭建后台管理系统。该系统包含了用户管理、权限管理、数据可视化、表单编辑等常见功能,同时也提供了多种主题风格和自定义配置选项,方便开发者根据自己的需求进行定制。 https://github.com/lin-xin/vue-manage-system   参考:https://www.zhihu.com/question/440658257

龙生   14 Jan 2024
View Details

Vue2 环境下安装Vue3 ,同一台电脑同时安装vue2 和vue3

目前大多数老的项目还是以vue2.0版本为主,在vue3的环境下vue2的项目又不能运行,因此Vue2 和Vue3两个版本同时存在显得尤为重要,本博客为转发博客,非常详细。

龙生   13 Jan 2024
View Details

VS Code中powershell无法运行cnpm, vue等命令

转载:https://www.cnblogs.com/donz/p/12200915.html 在VSCode中,选项View -> Terminal,默认打开PowerShell执行命令,如产生如下报错:   1. 在Windows系统搜索powershell,以管理员运行:   2. 在命令框输入: set-ExecutionPolicy RemoteSigned, 然后输入A   from:https://www.cnblogs.com/donz/p/12200915.html

龙生   13 Jan 2024
View Details