- 博客(118)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 centos修改固定ip
cd 进入目录 /etc/sysconfig/network-scriptsvi编辑 ifcfg-ens33（后缀应该是网卡名）在文本最后加上BOOTPROTO=staticONBOOT=yesHWADDR=00:0c:29:2d:a4:57#linux虚拟机的mac地址IPADDR=192.168.0.168NETMASK=255.255.255.0GATEWAY=192.168.0.1修改好之后用：wq来保存退出，然后用service network restart命令重启服务：
2020-06-08 18:44:08
392
原创 flum+kafka搭建示例 监控日志增量变化传输到kafka
下面介绍一下 监控日志增量变化传输到kafka的搭建、1、首先要搭建好kafka集群和zookeeper集群，这几就不详细介绍了，如果有不明白的可以联系我的qq：350560713:2、flum官网下载二进制包、解压3、在flume/conf 下创建kafka.conf 内容如下a1.sources = r1a1.sinks = k1a1.channels = c1
2016-04-19 15:12:52
1531
原创 git撤销提交
git push --force-with-lease origin （分支名 如feature-GPEP-2303-topicDirectorChange） //强制推送到指定分支 【feature-GPEP-2303-topicDirectorChange】git reset --soft b2ddeead //回退到指定的版本 hash码--【b2ddeead】git log --oneline //查看提交记录 以及hash码。git log --oneline //再次查看是否操作正确。
2025-04-17 18:27:42
246
原创 docker各种清空缓存命令，下载jdk包总失败，执行完好了
清理未使用的镜像（推荐，最常用）：清理所有未使用的数据（包括镜像、容器、网络和构建缓存）：清理所有未使用的数据，包括未使用的卷（最彻底）：
2025-04-08 17:22:14
355
原创 vue2实时获取vuex state属性数据和异步写入更改state属性方法
【代码】vue2实时获取vuex state属性数据和异步写入更改state属性方法。
2025-02-07 17:23:09
439
原创 uniapp封装一个类似 ElMessageBox.confirm(‘x‘).then(()弹窗，实现js调用即弹出，可await等待用户选择结果 v0.8
【代码】uniapp封装一个类似 ElMessageBox.confirm(‘x‘).then(()弹窗，实现js调用即弹出，可await等待用户选择结果 v0.8。
2024-11-30 19:10:27
575
原创 非https下js写文本到剪切板
背景是 这个项目需要用一个excel预览模板组件，这个组件模板是canvas的，ctrl+c内部是用navigator.clipboard复制的，本地 127.0.0.1 访问能用，192.168.x.x这种非本机的ip复制就不好使，改组件复制事件源码 试了很多方法，其中包括将文本写入浏览器内存，再阻止ctrl+c默认事件，只复制模板内并粘贴到输入框可以。最终第二天发现这个可行。因为不影响其他的粘贴并复制进来。
2024-11-07 14:02:47
457
原创 box-shadow各个参数作用说明记录
1、左右阴影偏移说白了就是阴影起始位置与实体dvi边框位置的偏移量 你可以设置它 离div 八十仗远 ，比如div在页面最左侧 阴影可以独立的在页面右侧那里孤零零的显示着。3、模糊宽度（尺寸），就是你的阴影有多大宽度的模糊效果范围，如果设置成0，那么它与实体边框显示没有区别。4、阴影尺寸，阴影有多宽，尺寸多大，越宽阴影站的面积越大。阴影可以设置多个，效果叠加，共同分别展示作用效果。2、上下阴影偏移量，与上类似。参数从左到右顺序时，
2024-10-29 11:05:22
410
原创 uniapp 小程序，登录上传头像昵称页面处理步骤
登录上传头像 成功前阻塞 处理成功后才跳转回 游戏页面 为了能看见最新上传的头像显示，处理方式是 重新封装base64处理方法为promise 这样可以用await等待，请求后台的方法也等待，等待处理完成后调用跳转页面方法，同时游戏页面初始钩子有onload改为onshow，这个钩子中包含获取缓存中useinfo的处理， 这样每次出来再切换进来都会重新获取新的用户信息。ps 设置请求回来的用户信息并放入缓存是 登录方法login中封装好的。成功后跳转的页面处理。
2024-10-04 09:37:09
850
1
原创 uniapp使用字体图标 ttf svg作为选项图标，还支持变色变图按
在staic目录下有一些ttf文件，如uni.ttf，iconfont.ttf 这些文件中保存这字体svg的源码们，我们也可以在网上找其他的。这些就是我们要显示的突图标的 显示来源。这样不用使用png图标，选中不选中还得用两个图片。编码我是在page.json中随机找的，以后有好方法再记录。以下是选中效果和非选中效果的实际效果展示。
2024-10-03 15:51:50
802
原创 uniapp 微信发布注意事项
uniapp的微信播放不支持本地文件，起始微信原生语言是支持的 所以在编写uniapp代码时 要写两套逻辑 // #ifdef MP-WEIXIN 微信原封不变的自己写法 //#endif // #ifndef MP-WEIXIN 其他写法 //#endif。1、微信资源如声音 均放在根目录下，如 声音放在audio/目录下，如audio/abc.wav.所以编译成功微信源码后应该剪切 static\audio 下的audio目录到微信根目录。
2024-10-03 13:35:59
402
原创 excel不经过后台实现解析和预览（vue）
它先将上传的excel变成流，然后再根据流进行下一步处理。这个流可以交给其他组件处理比如我用的预览组件是用了其他组件（@vue-office/excel）就是把这个流交给其它组件就实现预览了，如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。@vue-office/exce 预览组件 地址如下。安装命令 npm install xlsx -S。数据流读取和数据解析方面通过xlsx组件。#excel文档预览组件。#docx文档预览组件。#pdf文档预览组件。
2024-09-26 13:47:38
845
原创 阻止事件穿透，就是我点击被包裹的子元素，也算点击外面的元素，子元素没有自己的事件做法
【代码】阻止事件穿透，就是我点击被包裹的子元素，也算点击外面的元素，子元素没有自己的事件做法。
2024-09-13 10:26:43
315
原创 微信小程序播放音频方法，解决uniapp 微信小程序不能播放本地音频的方法
微信小程序播放音频方法，解决uniapp 微信小程序不能播放本地音频的方法，编译后将这段代码赋值到微信小程序，同时赋值整个audio文件夹到微信开发工具目录中。
2024-09-11 10:53:26
2054
原创 vue3 动态style[‘background‘] 图片url 打包后图片不显示没有打包到目录的为你
做了一个项目需求是 动态赋予多个div的背景图片，背景svg是后台数据中给的。刚开始显示不出来后来解决了（好用代码也如下可参考），后来又发现一个问题是 开发环境下可以正常显示，但部署后 svg图片不显示，排查发现是打包后根本没有把这个url对应的图片放到部署目录的assets中。然后又在网上找发现原因是太小的图片 被打包编译成了base64，因为放尺寸大一点的图片就显示正常。做法是把打包的base64尺寸阈值调成0，这样所有svg图片都可原样正常打包放入到assets中就解决了设置方法如下。
2024-08-30 16:32:29
1106
原创 VUE3 无法修改 el-dialog 样式
用下面这种方式修改 el-dialog 组件样式一点作用都没有，正常用这种方式修改 el 的el-button、tab等都是百试不爽的。最后找到解决办法和原因。在el-dialog外面套一层div。下不使用一个标签来包裹全部内容，而此时。父级元素标签，所以样式穿透也就无效了.的时候，在 html 的标签中会生成。就是利用的这个属性生成的css；而在 vue3 中，我们可以在。在第一层的情况下就没有对应的。
2024-08-21 15:10:06
1309
原创 vue3页面跳转，主动路由跳转去新页面
import { useRouter } from 'vue-router'const router = useRouter()const jump = (path) => { let result = path router.push(result)}
2024-08-12 13:41:19
1150
原创 使用await 方式控制ElMessageBox.confirm等弹窗确认简洁 代码调用流程控制
then(() => {}).catch(() => {}写重复大段的代码 控制，现有了 简洁理想的控制方式，因为 ElMessageBox.confirm的返回值是一个promise,通过await 然后阻塞等待 然后接受确认后的返回值，根据内部return的true false返回，决定是否执行后面的代码块逻辑。
2024-07-26 19:57:34
2017
原创 vue3 表格单元格 按住鼠标左键范围框选，双击编辑，上左显示坐标序号v4，抛弃table改为基于更灵活div
之前的版本用的是table tr td的方式，但那种方式有局限性，不如tr和td中间不能放div，各种条件判断受限制 改成中方式动力来源是 加做左侧和最上面的组表序号显示。显然div方式更灵活，刚开始也纠结 要不要 坚持试一下，抱着试着整的心态 一个个眼前的小问题各个突破，最终越来越接近，最终就成了。另外发现一个css的特性。
2024-07-23 19:30:08
478
原创 遍历dom元素下面的子元素的方法，vue中原始标签的ref得到是该元素的dom及下面包含的子dom，与组件ref是引用不同
研究到这个的目的来源是 想用div 遍历方式 替代之前的table tr td 那种框选功能，觉得div灵活，可以随便在外面套层，td与tr之间就不能加div加了布局就乱，然后使用之前的原理（），发现这样遍历不好使。然后进一步找ref得到的是啥、dom节点要怎样遍历。
2024-07-23 09:03:37
587
原创 vue3一种需要循环渲染，防止数据没有报错，取代v-if控制的办法 v-for=“(r1, key, index) in workbenchdata.Things|| []“
如下用 v-for="(r1, key, index) in workbenchdata.Things|| []" 可以代替父级加v-if加载成功标志true，false控制的方式或 判断数据为空的方法v-if="!意思就是如果没有数据就付成[]，这样v-for就不报错了，很多问题都是循环没值造成的，[]空数组也就告诉它里面不用循环了，之后有数据 就正常联动渲染循环。背景是我调试台面组件 页面报错，同时有一些组件 因为其他组件加了属性就显示不出来，后来知道是 我循环结构取值写错了。
2024-07-03 11:37:59
324
原创 通过nginx去除 api url前缀 并保持后面剩余的url不变向后台请求
背景是我开发vue3用vite做的代理，我每个请求都刻意加一个前缀api，vite代理可自动识别api开头的接口，将api开头的请求去除，并向后台请求，开发服务其好使。但打包发布后放到nginx代理页面 就带api直接请求了，后台没有这个api开头的接口就报404了 http://127.0.0.1:5099/api/sample/sample/getbuttonlist。刚开始想从vite，前台配置等找方式解决，后看网上有用ngnix的，简单粗暴的解决也行，实际测试好使。
2024-06-28 16:07:12
1775
原创 SVG不保持横纵比，完全由设置宽高任意拉伸填充
想要通过变形伸缩 填充元素的方式使用 svg，试了很多办法，终于找到的。找过img形式显示svg虽然合适变形伸缩，但不能设置颜色。下面是正确使用的说明。在svg中加入viewBox属性的同时加 preserveAspectRatio="none"
2024-06-07 14:30:11
2083
原创 svg问题记录
下面的svg的viewBox 调整数值为了缩放咋调整都不好使，而且默认占很大一块区域顶着别的元素，问题解决办法是删除 源码中的宽高属性（width="640" height="480"）就是在svg上的属性
2024-06-07 11:23:12
576
原创 html 使用svg矢量图时无法 调整宽高问题解决，不能像图片一样设置宽高比例问题
【代码】html 使用svg矢量图时无法 调整宽高问题解决，不能像图片一样设置宽高比例问题。
2024-06-04 14:36:57
1615
原创 svg使用 element plus 使用外部下载的svg，使用或作为背景图片的使用方式，svg背景填充自适应父级宽高
【代码】elementplus 使用外部下载找的svg，使用或作为背景图片的使用方式。
2024-06-04 13:29:39
550
原创 vue3 循环动态给渲染出来的组件添加ref(组件操作引用)实现后续对组件的操作
template>{{ i }}</div></div></script>
2024-05-31 15:51:04
1095
原创 基于vue3 elment+ 的文件及表单参数上传，响应接受
/如果是要导入 文件上传时需要重写Content-Type为 'Content-Type': 'multipart/form-data'的设置方式Authorization我就随便写一个正常时token（具体设置方式如下）formData.append("file", fileList.value[0].raw);（我这里就一个文件，就这样把文件原始值应该是类似字节二进制 附件到formData）formData.append("docId", '4314398823146323968');
2024-05-31 10:47:50
932
原创 vue 两个相同组件操作，相互影响，操作一个影响另一个（使用js原生dom操作导致document.getElementById(tableId).querySelectorAll(‘td‘)）
解决办法就是 替换代码中的js原生操作，因为使用原生dom操作document.getElementById(tableId).querySelectorAll('td') 它不受vue管理也没有虚拟节点操作啥的，也实现不了组件的作用域隔离功能。
2024-05-27 11:34:10
755
my nginx-1.18.0包含安装打包脚本.rar
2021-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人