工具vue
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
目录扫描-Gobuster工具的使用
Gobuster工具可以对Web目录和dns域、子域进行枚举，功能较为强大 在kali中直接安装 sudo apt install gobuster 一些常见的参数 参数 详细 描述 -t --thread 设置线程（默认10） -v --verbose 详细输出 -z --no-progress ......
mysql连接工具
1.DataGrip https://blog.csdn.net/qq_21402983/article/details/127588768 2.MySQL Workbench 8.0 CE https://blog.csdn.net/Robby_Wu/article/details/1163335 ......
非常非常好用的一款账户密码保存工具-KeePass
非常非常好用的一款账户密码保存工具 下载地址： https://sourceforge.net/projects/keepass/files/KeePass%202.x/2.55/KeePass-2.55-Setup.exe/download 密码导出办法： File - Export File/D ......
原创软件 | 系统服务工具箱原创软件（587KB）--基于aardio开发的第一个程序
1 系统服务工具箱简介 该软件是我使用aardio开发的第一个程序，它集成了多个系统常用的快捷键，无需记住各种命令就能快捷使用cmd管理员、计算机管理、控制面板、组策略、注册表、服务、任务管理、卸载程序八大功能，相当适合计算机小白用户使用。 下载地址：https://www.123pan.com/s ......
cdn引入vue后报错无法识路径 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库，旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使 ......
常用工具网站
RGB颜色转换 图片大小裁剪 编程开发一个工具箱 九宫格切图 图片转BASE64 BASE64转图片 进制转换 ASCII 表 Unix时间戳转换 MD5加密 ......
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？ 因为数据更新是异步执行的，所以你只能在宏任务或者微任务中拿到 这样做有一个好处，就是可以避免频繁的更新DOM ......
为什么在 Vue 对象上新增一个属性会丢失响应式？
为什么在Vue对象上新增一个属性会丢失响应式？ 在 Vue 中，当你新增一个属性到一个已经创建的对象上时，这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化，只有初始化时存在的属性才能被 Vue 进行响应式处理 如果你需要让新增的属性也具有响应式，你可以使用this.$set方 ......
Vue源码学习(十九)：router基本原理
好家伙, 0.什么是路由? 路由就是匹配到对应路径显示对应的组件！ 那么我们要如何去实现? 我们来回忆一下这router怎么用的 1. 声明式路由配置：在路由配置对象中，定义路径与组件的映射关系。例如： import AboutComponent from '../views/AboutCompon ......
还在封装 xxxForm，xxxTable 残害你的同事？试试这个工具
之前写过一篇文章 我理想中的低代码开发工具的形态，已经吐槽了各种封装 xxxForm，xxxTable 的行为，这里就不啰嗦了。今天再来看看我的工具达到了什么程度。 多图预警。。。 以管理后台一个列表页为例 选择对应的模板 截图查询区域，使用 OCR 初始化查询表单的配置 截图表头，使用 OCR 初 ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
原生安卓嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('getScanData')" /> <input class="input" type="numb ......
原生IOS嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('camera')" /> <input class="input" type="number" p ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的，而谷歌Chrome取消了对PPAPI插件支持后，在线Office方案纷纷失效，只能更换国产浏览器在低版本浏览器苟延残喘，不能用于electron+vue项目。 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可 ......
vue使用flexible.js 最大宽度只有540
分辨率大于540px的时候，flexible限制为540，一般的手机显示没有问题，但对于大于540的竖屏屏幕，可能右边就会留白。我想让横屏的时候限制在540，竖屏的时候根据页面实际宽度自适应，解决方法如下： 1、安装 npm install lib-flexible --save 2、为了避免每次安 ......
核心工具之 ideavim
对于个人的核心工具集的选择，因为编程中熟练使用主力IDE能够大大提高效率，所以IDE是一个必选项。而IDE与VIM结合的插件，对于VIM使用者，常常是一个必选项。 在Jetbrains系列工具中，插件IdeaVim非常优秀，对我个人而言是一个必选项。 选用IdeaVim原因有以下几个： 安装配置简便 ......
5. 在开发中自建的工具类 -- 长期更新版
前言 在Java开发中,会出现一些常见且通用的业务逻辑. 毫无疑问,上述业务逻辑的解决方法将其抽象为一个工具类方法是常见的思路.这样既可以提升代码的复用性, 也可以提升代码的可维护性! 参数中的某些字段为空的校验方法 源码: /** * 仅仅以下字段内容不能为空 * @param entity 实体 ......
vue入门——？？？06days
案例回顾： 点击显示小电影案例 - 按钮点击事件 - axios.get().then(res=>{ res.data # 响应体的内容 }) - v-for循环 》div # 2 计算属性 -必须要有返回值，返回值当做属性的值 -方法当属性用 -computed中 -它依赖的变量发生变化，它才重新 ......
Vue.nextTick在动态更新iframe的src中的使用
Vue.nextTick在动态更新iframe的src中的使用：https://codeleading.com/article/63673310260/ 当iframe中的地址src需要动态改变时，需要使用Vue.nextTick来切换地址src，否则DOM的地址不会实现更新，而是保持上一次的src ......
vue 高德地图异步引用
先建立一个文件，引入高德 gDMapLoader.js const ak = '4e9f15de14b05fd8f19e1d8fbe91f0a3' export default function load() { return new Promise(function(resolve, reject ......
30-Kubectl 命令行工具使用秘笈
在本课程的最后一讲，我来为你介绍一些 kubectl 使用过程中的小技巧。kubectl 是我们日常操纵整个 Kubernetes 的利器，操作方便，功能强大。接下来，我会向你介绍常用的七个功能。 自动补全 我们可以通过如下命令进行命令行的自动补全，方便我们使用。 如果你使用的是 bash，可以通过 ......
DevOps常用工具全家桶，实现高效运维和交付
DevOps常用工具全家桶，实现高效运维和交付 1、DevOps发展 DevOps发展背景： 随着互联网技术的快速发展，软件开发和运维的挑战也日益增加。传统的软件开发和运维模式往往存在分离、效率低下、沟通不畅等问题，导致软件交付速度缓慢，质量参差不齐。为了解决这些问题，DevOps应运而生。DevO ......
Vue2 使用 Knova Canvas 合成图片、多个视频、音频在一个画面中并播放，自定义 video control 控制条
本文转载https://blog.csdn.net/RosaChampagne/article/details/128020428?spm=1001.2014.3001.5502的文章 安装插件 npm install vue-konva@2 konva --save 在main.js中使用 imp ......
electron+vue网页直接播放RTSP视频流？
目前大部分摄像头都支持RTSP协议，但是在浏览器限制，最新版的浏览器都不能直接播放RTSP协议，Electron 桌面应用是基于 Chromium 内核的，所以也不能直接播放RTSP，但是我们又有这个需求怎么办呢？ 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可以自 ......
通过windows自带管理工具、系统命令行、快捷键等快速操作
windows自带管理工具 我们win+R 输入一些命令，可以快速打开一些界面，比如： sysdm.cpl win10、win11 我电脑，属性与之前win7不同了，我希望打开之前的属性打不开了 通过运行或命令打开系统属性，同时按Windows+R键，在运行对话框中键入命令"sysdm.cpl"，然 ......
2023-2024年最佳人工智能工具(1)
随着人工智能领域的迅猛发展，越来越多的新奇且意想不到的应用程序正在被开发出来。无论是商业领域还是个人领域，这些应用程序的范围都非常广泛。
然而，我们使用这些人工智能工具的原因可以归结为一个共同点：人工智能已经发展到可以帮助人类完成繁重的重复性任务，并减少人为错误，从而节省运营成本和资源。
总而言之... ......
vue3_在vue3中使用滚动加载数字组件vue3-count-to
使用的是vue3-count-to组件 安装: npm install vue3-count-to --save 全局注册: // main.js import countTo from 'vue3-count-to' app.use(countTo) 局部引入组件并使用 // xx.vue文件 < ......