- 博客(84)
- 收藏
- 关注
RSS订阅原创 TypeError: compilation.getPathWithInfo is not a function
TypeError: compilation.getPathWithInfo is not a function报错解决办法
2024-06-25 13:53:46
230
原创 如何发布自己的npm包
3、在pacakge.json中定义当前开发依赖包的name和version，如不需要添加命名空间name直接为包名即可。1、修改完代码后，我们需要修改 package.json 的version版本。2、在文件夹内 进入终端（cmd）运行 npm init 初始化项目。1、开发过程中可以在其他本地项目中使用调试，以查看实时效果。1、新建一个空文件夹（文件夹名字默认为npm包名）规则：对于"version":"x.y.z"2.增加了新特性，但仍能向后兼容，增加y。3.有很大的改动，无法向后兼容,增加x。
2024-05-21 23:53:05
750
原创 KeePass2 密码管理器 安装及汉化
3、将下载的文件放到安装目录 C:\Program Files\KeePass Password Safe 2\Languages目录下（此为默认安装目录）；2、下载汉化文件 Chinese_Simplified.lngx。4、进入到KeePass2软件，按图中步骤设置好即可。1、官网下载KeePass2 安装。
2024-05-21 21:04:02
467
原创 项目dev打包报错 Cannot find module ‘node:util‘
和cnpm版本不匹配，卸载掉重新安装对应版本。然后查找与node版本匹配的cnpm安装即可。
2024-05-14 18:01:39
417
原创 git merge master 报错 fatal: refusing to merge unrelated histories
标志允许合并不相关的历史。这是一种解决问题的快速方法，但请谨慎使用，因为它将两个不同的历史合并到一个新的共同历史中。意思是：拒绝合并不相关的历史。
2024-05-13 15:57:52
131
原创 git commit 提交信息规范
一些备注, 通常是 Breaking changes 或修复的 bug 的链接.commit 影响的范围, 可以是影响的文件名、模块名、组件名、国家等。commit 具体修改内容, 可以分为多行。commit的简短描述。
2024-04-25 20:29:41
761
原创 git commit 不进入 Vim 编辑模式，提示 ihint: Waiting for your editor to close the file...
输入 git commit 后 提示 ihint: Waiting for your editor to close the file... 然后自动退出提交。一般是 git 默认编辑器使用了其他的 如 cat。git commit 不进入 Vim 模式问题。
2024-04-25 17:31:37
351
原创 ::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用
双冒号(::)和单冒号(:)都用于表示伪元素，双冒号(::)是较新的语法规范，建议在使用CSS3伪元素时使用双冒号，而单冒号(:)可以用于表示某些伪元素，但不再推荐使用。作用都是用于在元素的内容前后插入生成的内容，用于装饰、布局等目的。
2024-04-25 11:01:19
456
原创 抽奖（大转盘 & 九宫格 & 老虎机）实现
基于 JS + Canvas 实现的【大转盘 & 九宫格 & 老虎机】抽奖，通过简单配置即可实现自由化定制，帮助你快速的完成产品需求
2024-04-22 21:06:14
417
1
原创 npm全局安装后报错，无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
或者 如果 npm -v 能正确输出版本号，执行 npm config set prefix ''npm安装目录" 把目录重新设置到npm的安装目录。无法将“xxx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。执行 npm config get prefix 命令查看npm的全局安装目录，然后确保这个目录在你的系统环境变量中。如果没有安装，你需要先执行 npm 命令安装它。二、如果已经安装了xxx模块，可能是环境变量的设置问题。
2024-03-30 16:33:32
312
原创 Publish Over SSH实现Jenkins构建项目发布
在系统管理 → 系统配置 → Publish over SSH 把 id_rsa 私钥内容填到 key里，或者把 id_rsa 文件路径 填到 Path to key 中。在“系统设置–插件管理–可选插件”界面搜索：SSH，然后选择 Publish Over SSH，点击安装，然后重启。点击‘新增构建后操作步骤’，选择‘Send build artifacts over SSH选项。可以使用 ssh-add-id 命令把公钥 发送到 线上项目服务器上。这里是已经安装过，所以在“已安装”界面里！
2024-03-26 01:19:40
490
原创 ssh免密登陆实现
复制本地客户端 id_rsa.pub 中的内容，然后登录服务器 找到 ~/.ssh/authorized_keys 文件，然后粘贴到末尾。以上命令会直接把公钥写到了服务器上的.ssh/authorized_keys文件中。公钥 id_rsa.pub 是用来上传到服务器的.ssh文件夹中进行配对。测试服务器地址为：192.168.135.22，用户为：root。使用以下命令，然后一路按回车键使用默认值即可。会在用户根目录下的.ssh文件夹下创建公私钥。私钥 id_rsa 是需要保密的，
2024-03-26 00:05:26
317
原创 Jenkins中使用Generic Webhook Trigger插件实现持续集成
ref 变量可以自己取名称，在后边构建配置上会使用到；但是 $.ref 中的 ref 是根据实际post请求传递过来的 json 参数 获取的 key名称。
2024-03-24 22:49:05
1537
原创 jenkins构建完成后部署到本机，无法读取容器外文件夹
Docker+jenkins 构建完成后，要把打包的dist文件夹内容移动到网站目录 /www/wwwroot/xxxxxx 文件夹下；但是获取不到jenkins容器外的文件夹。在容器中，添加挂载/映射本机目录，把网站目录 /www/wwwroot/xxxxxx 映射到 容器内设定的目录上。在jenkins 中 设置 Build Steps 执行shell语句。
2024-03-23 00:01:58
369
原创 Jenkins构建时报错：Build step ‘Execute shell‘ marked build as failure
2.默认情况下，Jenkins采取 /bin/sh -xe 这种方式 -x 将打印每一个命令；另一个选项 -e，当任何命令以非零值（当任何命令失败时）退出代码时，这会导致shell立即停止运行脚本。3.如果还是不行，那么将#!/bin/bash替换为#!/usr/bin/env bash试试。/bin/bash只能放在第一行，如果后面还有#!，那么只能看成是注释。shell脚本中第一行加 #!1.磁盘空间不足导致报错。
2024-03-21 15:46:06
910
原创 git 报错 fatal: refusing to merge unrelated histories
在git pull和git push命令中添加–allow-unrelated-histories让git允许提交不关联的历史代码。当你试图合并两个完全不相关的分支时，git无法处理的情况而拒绝合并。
2024-03-20 17:43:44
219
原创 git报错error: remote origin already exists.
关联自己的仓库 git remote add origin https://gitee.com/xxxxxx.git。先输入git remote rm origin 删除关联的origin的远程库。最后git push origin master，这样就推送到自己的仓库了。
2024-03-20 17:40:20
102
原创 vite+vue3项目中svg图标组件封装
如果svg图标设置颜色值不生效，点击 svg文件 查看源码，修改 fill 属性值为 fill=“currentColor”或者 fill=""。
2024-03-14 21:42:11
666
原创 vite+vue3项目解决低版本兼容性问题（Safari白屏）
2. 在 vite.config.js 配置文件中的 plugins 数组中引入它。为打包后的文件提供传统浏览器兼容性支持。1. 使用npm命令进行插件安装。
2024-03-12 21:15:09
1338
原创 import.meta.glob批量引入文件（循环展示本地图片）
import.meta.glob() 是一个 ES 模块的特殊属性，用于动态导入多个模块，可以方便地批量导入模块，而不需要手动一个一个地导入。
2024-03-02 00:03:46
877
原创 解决执行npm(或pnpm)时报：证书过期 certificate has expired问题
【代码】解决执行npm(或pnpm)时报：证书过期 certificate has expired问题。
2024-01-22 15:53:31
43417
19
原创 解决 Vue项目报错 Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest
在本地电脑上找到项目的node_modules文件夹下面：caniuse-lite、browserslist两个文件夹。并把caniuse-lite、browserslist这两个文件夹删除。然后运行下面的命令重新安装caniuse-lite、browserslist。Vue项目打包或者本地预览是报。
2024-01-22 15:49:09
5705
4
原创 解决 pnpm : 无法加载文件 C:\Program Files\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本。
在命令行输入 set-ExecutionPolicy RemoteSigned 然后按回车，再回到控制台输入pnpm相关命令就可以使用了。执行下面命令进行安装pnpm安装后。然后执行pnpm 报错。再输入Y 回车即可。
2024-01-21 23:05:07
2558
原创 var、let、const 的区别？
原因: const 指针指向的地址是不可以改变的，但地址指向的内容是可以改变的。5、const 定义的基本数据类型不可以修改，但复杂数据类型可以修改。2、不能重复声明--- 可以防止变量重复定义产生的冲突，会直接报错。1、const 声明的常量是一个只读属性，必须初始化。1、var 声明的变量在全局内有效。3、let 声明的变量不存在变量提升。3、var 声明的变量存在变量提升。1、遇到{}可开启块级作用域。2、遇到{}可开启块级作用域。
2023-12-11 23:05:38
670
原创 JavaScript中的连续赋值问题a.x = a = {n:2}
输出以下代码的执行结果并解释为什么var a = {n: 1};var b = a;a.x = a = {n: 2};console.log (a.x);console.log (b.x);
2023-12-07 10:04:41
529
1
原创 js中的栈(stack)和堆(heap)
程序运行时候，需要内存空间存放数据。系统划分出的两种内存空间就叫做stack（栈）和heap（堆）。由操作系统自动分配内存空间，自动释放，存储的是基础变量以及一些对象的引用变量，占据固定大小的空间。由操作系统动态分配的内存，大小不定也不会自动释放，一般由程序员分配释放，也可由垃圾回收机制回收（程序结束时由浏览器回收）。
2023-12-06 00:08:51
539
原创 CSS盒模型
CSS盒模型是CSS技术所使用的一种思维模型，在HTML页面中的所有元素都可以看成是一个盒子。它包括实际内容、内边距、外边距和边框四个部分。
2023-11-19 22:14:07
95
原创 css3实现三角形
总结：css3三角形，宽高设为：0，三角形方向指向的边不设置，相邻的边border设置但颜色为transparent（透明），相反的边正常设置border属性，border的颜色就是三角形的颜色。第一步：先新建一个div。第二步：给盒子添加样式。
2023-11-12 19:00:00
268
原创 js 对象数组查找某一元素的各种方法，方法不改变原数组
这个方法会返回数组中第一个符合条件的元素，如果没有符合条件的元素则返回undefined。这个方法会返回数组中第一个符合条件的元素的索引，如果没有符合条件的元素则返回-1。注意：以上方法都不会改变原数组，如果想要改变原数组可以使用splice()方法。这个方法会返回符合条件的元素组成的新数组，如果没有符合条件的元素则返回空数组。这个方法可以遍历整个数组，通过判断每一个元素是否符合条件来找到目标元素。这个方法会返回一个布尔值，表示数组中是否存在至少一个符合条件的元素。
2023-11-10 23:00:00
2392
原创 getBoundingClientRect()方法获取DOM元素的位置和大小
需要注意的是，getBoundingClientRect()返回的位置是相对于视口的坐标，而不是相对于文档的坐标。该函数返回一个Object对象，该对象有6个属性：top,lef,right,bottom,width,height；getBoundingClientRect()用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect()是DOM元素到浏览器可视范围的距离（不包含文档卷起的部分）。
2023-11-09 16:43:28
606
原创 浅拷贝与深拷贝的区别
②如果json里有RegExp、Error对象，则序列化的结果将只得到空对象 RegExp、Error => {}；⑥如果json里有对象是由构造函数生成的，则序列化的结果会丢弃对象的 constructor；浅拷贝会创建一个新对象，只复制指向某个对象的指针，不复制对象本身，新旧对象共享同一块内存，赋值是赋的该对象在栈中的地址，而不是堆中的数据，两个对象指向的是同一个存储空间。引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里。深拷贝会创造一个一模一样的对象，新旧对象不共享内存，
2023-11-08 20:44:02
25
原创 CSS鼠标悬停过渡效果
2.transition-duration 属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。1.transition-property 属性规定应用过渡效果的 CSS 属性的名称。3.transition-timing-function 属性规定过渡效果的速度曲线。4.transition-delay 属性规定过渡效果何时开始。
2023-11-08 17:00:00
190
空空如也
关于#react.js#的问题：如何在react项目中，使用腾讯地图api
2023-03-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人