- 博客(126)
- 资源 (10)
- 收藏
- 关注
RSS订阅原创 windows环境中，使用nvm管理node版本（无需卸载之前安装的node）
本文详细介绍了NVM(Node Version Manager)的安装和使用方法。（无需卸载本机安装的node版本）
2025-11-04 11:10:06
253
转载 别再用 px 做单位了！用这个 CSS 新特性，轻松实现响应式布局
CSS新特性clamp()函数实现流体式响应布局，无需繁琐媒体查询。它接受三个参数：最小值、首选值和最大值，浏览器会根据视口动态选择合适值。例如设置字体大小clamp(1.5rem,5vw,3rem)，可在小屏保持最小24px，随视口平滑缩放，大屏限制最大48px。相比传统阶梯式媒体查询，clamp()实现了更流畅的响应式体验，大幅减少代码量。
2025-09-28 13:51:15
68
原创 vue--video使用动态src时，视频不更新
在 Vue 项目中动态更新video标签的 src 属性时，可能遇到视频不刷新的问题。这是由于 Vue 的虚拟 DOM 更新机制对video和source标签的特殊处理导致的。这些方法能确保视频资源正确重载，适用于不同场景需求。
2025-08-13 10:35:25
471
原创 vue--for循环中使用子组件，ref应该如果调用
在v-for循环中避免使用拼接index的ref命名方式（如'realVideo'+index），这会导致$refs访问失败。正确做法是...
2025-08-04 14:09:08
285
原创 el-button长按触发事件（含未响应的解决方案）
本文介绍了在Vue中实现按钮长按触发逻辑的解决方案。通过使用Element UI的el-button组件，尝试为按钮添加mousedown和mouseup事件来实现长按效果，但发现事件无法触发。经过排查，发现需要......成功实现了长按触发指定操作的功能。
2025-07-31 15:40:09
351
原创 使用鼠标在Canvas上绘制矩形
本文介绍了一种在网页上实现鼠标拖动绘制矩形框的方法。通过Vue框架结合Canvas实现功能，最终效果可直观显示用户框选的矩形区域。这种方法适用于需要交互式标注或监测范围选择的场景。
2025-07-29 14:10:33
338
原创 Vue中query与params两种路由传参的区别
本文区分了Vue路由中route和router的概念，并对比了query和params两种传参方式的差异。route是路由信息对象，router是路由实例。query通过path传参，参数显示在URL中且刷新后保留；params通过name传参，参数不显示在URL且刷新后消失。接收时分别使用route.query和route.params。主要区别在于传参方式、URL显示、数据持久性三个方面。
2025-07-29 11:15:04
284
原创 Vue中防止按钮重复点击
本文介绍了三种防止按钮重复点击的实现方法：1）自定义全局指令，通过disabled属性控制按钮状态；2）改进版指令，使用pointer-events或事件阻止来增强兼容性；3）动态控制disabled属性。其中第一种方法仅适用于el-button，改进版通过阻止事件冒泡或修改CSS属性来支持普通元素。第三种方法通过Vue状态管理实现。这些方案都能在点击后禁用按钮2秒（可配置），有效防止重复提交。文章提供了完整的代码示例，包括全局/局部指令注册和动态属性控制两种实现方式。
2025-07-29 11:10:51
780
原创 组件调用传值、调用函数
Vue组件通信方式总结 Vue组件间通信主要包括父子组件和非父子组件两种情况。父子组件通信主要通过props向下传递数据，通过$emit触发事件向上传递数据，以及使用ref调用子组件方法。非父子组件可通过Vuex状态管理或公共Vue实例实现。父子组件通信时，需要注意props数据的单向流动特性，修改父组件数据应该通过事件触发父组件方法实现。ref调用子组件方法时需注意DOM渲染时机，必要时使用$nextTick。
2025-07-29 10:56:24
342
原创 VUE关闭代码严格模式
摘要：通过修改.eslintignore文件可以屏蔽ESLint的严格模式检查。具体步骤：1）在根目录创建或编辑.eslintignore文件；2）添加"src/"可屏蔽src目录下所有文件的严格模式检查；3）若要全局禁用严格模式，只需在文件中添加单个""号即可。示例中还展示了其他常见屏蔽路径的写法，如build、public等目录的配置方法。
2025-07-21 15:58:56
288
原创 docker部署的项目，离线和在线两种方式升级镜像--以nginx为例
前一段时间，客户要求修复nginx漏洞。通过升级nginx的方式可以解决。之前的操作中遗漏了容器中nginx，导致现阶段服务器已经被禁用访问网络了。抓紧补救，现采取离线方式升级nginx。
2025-04-01 14:47:29
1037
原创 服务器上的nginx因漏洞扫描需要升级
最近客户联系说nginx存在安全漏洞F5 Nginx 安全漏洞(CVE-2024-7347)F5Nginx是美国F5公司的一款轻量级Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器，在BSD-like协议下发行。F5Nginx存在安全漏洞，该漏洞源于可能允许攻击者使用特制的mp4文件过度读取NGINX工作内存导致其终止。查了下官方更新版本，升级1.26.2及以上即可解决上述问题。
2025-03-10 15:17:00
4018
原创 在服务器进行docker部署频繁提示permission denied
当你频繁遇到permission denied，证明当前用户的权限不够。可以在不使用sudo的情况下运行docker命令。
2025-01-20 16:57:31
461
原创 vue+node+mysql8.0，详细步骤及报错解决方案
在src同目录下创建server文件夹，然后依次创建文件，测试服务器是否搭建成功，在server文件夹下cmd执行。
2024-12-17 16:34:23
629
原创 node连接mysql报错：Client does not support authentication protocol requested by server； consider......
mysql8.0客户端不支持服务器请求的身份验证协议；需要进行一些设置
2024-12-17 15:08:49
454
原创 之前使用vue-element-admin框架开发的项目无法启动，可能是这个原因
最近运行之前的项目，发现无法正常启动，报错因为在 node V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制， V17 和之后版本会出现这个错误。
2024-12-16 09:41:22
467
原创 使用docker部署的vue项目加载依赖报错directory not empty
使用docker部署的vue项目时，加载依赖报错npm error ENOTEMPTY: directory not empty若在vue项目中可以正常执行npm install，说明环境没问题，可以参考以下方案：把docker 容器和 volume都删掉
2024-12-03 15:32:30
490
原创 安装nvm提示443连接被拒绝了，可以这样做
这个命令会从Gitee（国内的Git托管平台）下载并执行NVM的安装脚本。以上步骤可以顺利安装和卸载nvm，以便更好地管理Node.js的不同版本。如果能看到NVM的版本号，那么NVM就已成功安装。此命令会从Gitee下载并执行NVM的卸载脚本。当你尝试安装nvm (Node 版本管理器)
2024-12-03 15:15:03
778
原创 docker部署的服务器数据备份
宿主机的文件可以使用工具直接拷贝，例如：WinSCP、FileZilla等。下面将针对三类数据具体描述备份方法。
2024-11-26 17:00:36
898
原创 DBeaver配置离线驱动
因为部署的服务器为无网环境，所以在服务器上使用DBeaver需要配置离线驱动我们在有网的环境下，安装DBeaver。把驱动下载下来，然后再拷贝到没网的设备上。
2024-05-15 14:16:29
20156
2
原创 DBeaver连接数据库
DBeaver是一款免费和开源的数据库管理工具，为开发人员和数据库管理员提供了一个通用的数据库解决方案。跨平台支持：DBeaver支持Windows、Linux、macOS等主流操作系统，用户可以在不同的平台上使用相同的数据库管理工具，提高了工作效率和便利性。强大的数据库管理功能：DBeaver不仅提供了基本的数据库操作功能，如SQL查询、数据导入导出等，还提供了高级的数据库管理工具，如ER图设计、数据比较、SQL脚本执行等。这些功能使得数据库管理员和开发者能够更加高效地进行数据库管理和开发工作。
2024-05-15 11:22:48
1527
原创 ubuntu 20.04禁止自动休眠
服务器使用ubuntu 20.04桌面版时，发现登陆之后，如果系统较长时间不操作，系统就自动休眠了。我们一般远程访问系统，这个功能会导致我们无法远程控制服务器，因此我们需要关闭这个功能。若显示下面信息，表示休眠处于开启状态。2.查看系统是否关闭自动休眠。1.执行关闭休眠功能的命令。显示如下，则关闭休眠完成。
2024-05-15 10:09:32
3299
原创 ubuntu20.04安装DBeaver
要在 Ubuntu20.04 上安装 DBeaver，可以选择使用 Ubuntu 软件中心的图形界面方法或使用命令行方法通过官方 DBeaver 仓库或 Snap 包安装。
2024-05-13 14:09:21
2477
原创 Virtualbox7.0.10+Ubuntu20.04网络配置
虚拟机部署在服务器上时，需要进行网络配置，使虚拟机和服务器在同网段下，以保证内网的终端可以访问到虚拟机。
2024-05-11 10:47:27
1013
原创 下载阿里云服务器的文件
打开客户端，输入服务器的 IP 地址、用户名和密码，连接到服务器后，你可以在文件浏览器中浏览服务器上的文件，并将其下载到本地计算机。记住，在下载文件之前，确保你已经获得了服务器的访问权限，并且了解文件路径和下载方式。其中， username 是服务器的用户名， server_ip 是服务器的 IP 地址， /path/to/file 是要下载的文件所在的路径， /local/path/to/destination 是本地计算机上要保存文件的路径。在登录到服务器后，你需要确定要下载的文件所在的路径。
2024-05-07 11:15:02
1422
原创 执行Docker命令时，报错：permission denied while trying to connect to the Docker daemon socket
这个错误表明你没有足够的权限去连接到Docker守护进程的socket。通常，这发生在你尝试执行Docker命令时，但当前用户没有足够的权限。
2024-05-06 14:14:17
8501
原创 Virtualbox7.0.10--在虚拟机中安装Ubuntu20.04
Virtualbox7.0.10--在虚拟机中安装Ubuntu20.04，进入Ubuntu官方网站（Ubuntu 20.04.6 LTS (Focal Fossa)）下载页面，下载相应版本的Ubuntu镜像。这里以桌面版为例
2024-04-29 17:18:30
1238
1
原创 Virtualbox7.0.10--创建虚拟机
6.完成后的界面，至此虚拟机新建完成。左侧是我们新建的虚拟电脑，右侧是它的一些配置项，右侧上方，我们可以点击【注册】进行导入一个操作系统的镜像，【启动】可以直接启动虚拟电脑。虚拟电脑名称为Ubuntu20.04，文件夹存放在D盘，虚拟光盘可以暂时不选，系统类型设置为Linux，版本设置为Ubuntu(64-bit)，设置好以后单击“4.内存配置好后，就需要配置下硬盘了，主要是硬盘的容量，默认是25G，可以不改，直接。5.最后，再确认一下整体的配置，如果没有问题，可以直接点击“”，进入新建虚拟电脑页面。
2024-04-29 11:17:05
1185
原创 Virtualbox7.0.10的安装步骤
单击“浏览”，更改安装路径，这里选择安装在D盘。选中VirtualBox Networking，选择将整个功能安装到本机硬盘。2. 单击“下一步”，进入自定义安装路径及要安装的功能，系统默认软件安装位置在C盘，一般建议安装在系统盘以外的其他位置。这篇文章主要介绍Virtualbox7.0.10的安装步骤，不同版本的安装可能略有差异。1.双击下载好的VirtualBox-7.0.10-158379-Win.exe。若想下载Virtualbox7.0.10，可参考。
2024-04-29 10:46:41
1176
原创 Virtualbox--下载指定版本
VirtualBox 是一款开源虚拟机软件。它简单易用，可虚拟的系统包括Windows（从Windows 3.1到Windows8、Windows Server 2012，所有的Windows系统都支持）、Mac OS X（32bit和64bit都支持）、Linux（2.4和2.6）、OpenBSD、Solaris、IBM OS2甚至Android 4.0系 统等操作系统！与VMware相比它体积小得多，功能相对比较全，目前最新版本为VirtualBox 7.0.16。
2024-04-29 10:11:48
2679
原创 IP地址/16和/24的意义
16表示前16位是网络地址，后16位是主机地址，即从11000000.10101000.00000000.00000000到11000000.10101000.11111111.11111111。如果是/24，它表示前24位是网络地址，后8位是主机地址。当创建VPC专有网络时，许多人会遇到填写IPv4地址的情况，通常使用的格式是xxx.xxx.xxx.xxx/16或者xxx.xxx.xxx.xxx/24。所表示的IP地址为192.168.0.0到192.168.0.255，其中最后一个地址为广播地址。
2024-04-25 15:47:52
628
原创 maven打包报错: Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile
maven打包报错Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile
2024-04-25 14:44:40
6176
1
原创 git撤销提交
git reset --mixed HEAD^：默认选项，撤销提交和暂存区的更改，不过不删除工作目录中的文件改动。git reset --hard HEAD^：彻底撤销最后一次提交，包括工作目录中的所有更改。如果需要撤销更早的提交，可以将HEAD^替换为HEAD~，其中是你想要撤销的提交之前的提交数。git reset --soft HEAD^：这将撤销最后一次提交，但保留更改内容在暂存区。
2024-04-12 17:32:06
1167
原创 Vue项目打包：禁止生成sourceMap文件
sourceMap的主要作用是让打包后的文件像未压缩的代码一样，方便调试和定位错误。然而，在生产环境中我们通常不需要这些文件，因为它们会增加应用程序的体积。
2024-04-11 10:33:06
2414
vue后台管理框架（中文版）
2022-10-09
移动端H5页面控制台打印信息：vconsole
2022-06-01
jquery.bs_pagination
2022-05-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人