接口axios vue all
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
lamda表达式？实现函数式接口的缩写
don't worry~ lamda表达式其实很简单 @FunctionalInterface public interface MyInterface { void print(); } 对于一个函数式接口，若想要实现其抽象方法，或许有两种方式 1）新建一个类，实现此接口然后重写其抽象方法 2）l ......
Vue生命周期
vue的生命周期：指的是vue对象从创建到销毁的过程。vue的生命周期包含8个阶段：每触发一个生命周期事件，会自动执行一个生命周期方法，这些生命周期方法也被称为钩子方法。其完整的生命周期如下图所示： 状态 阶段周期 beforeCreate 创建前 created 创建后 beforeMount 挂 ......
【THM】Putting it all together(网站组件协同工作介绍)-学习
本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/puttingitalltogether 本文相关内容：了解Web服务的所有单独组件如何协同工作，这种协同工作能让我们可以访问自己喜欢的网站。 简介 当我们在浏览器中请求网页信息时，幕后还发生了很多事情。 ......
Vue指令具体实现
v-bind： 指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-bind: 为HTML标签绑定属性值，如设置 href , css样式等。当vue对象中的数据模型发生变化时，标签的属性值会随之发生变化。 代码： <!DOCTYPE html> <html ......
Vue指令
指令 作用 v-bind 为HTML标签绑定属性值，如设置 href , css样式等 v-model 在表单元素上创建双向数据绑定 v-on 为HTML标签绑定事件 v-if 条件性的渲染某元素，判定为true时渲染,否则不渲染 v-else v-else-if v-show 根据条件展示某元素， ......
请求需要登录的接口
<dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>1.2.75</version> </dependency> <dependency> <groupId>com.anther ......
Vue2.0和3.0watch侦听器的改变和一些问题
话不多说，直接上代码演示 运行结果 可以清楚地看到当监听的值是一个reactive定义的对象数据类型时，无法正确获得oldValue的值，也即数据发生改变之前的数据，此问题到目前仍未得到解决，不知在后续的版本中，尤雨溪及其他的团队来怎么解决这一问题 ......
Vue
Vue 1.什么是Vue? Vue是一款渐进式前端框架基于MVVM模式,免除JS中DOM操作,简化书写和操作流程. 2.如何使用? 1.新建一个HTML文件,引入Vue.js文件. <script src="js/vue.js"></script> 2.创建Vue对象,定义模型数据. <!--2 创 ......
Python errors All In One
Python errors All In One errors ❌ from: can't read /var/mail/gpiozero https://stackoverflow.com/questions/16069816/getting-python-error-from-cant-read ......
vue中新的状态管理器-pinia
背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea ......
vue国际化在js中$t()报错
最近在做国际化的时候，发现在.vue里面写国际化语言没有报错，而且也可实现国际化，可是在js中引入$t()写法的时候，报错。 最后花了一个小时解决了，做一个笔记，以供后来学者遇到此类问题，仅供参考。 1，首先，我引入的国际化写法是在main.js中引入了，所以在.vue文件中引入国际化语言的写法，自 ......
Python3中使用locust 2.15.1压测grpc接口
[本文出自天外归云的博客园] 首先安装grpc、日志、locust相关依赖库： google protobuf grpcio grpcio-tools grpc_interceptor loguru locust==2.15.1 然后创建一个grpc_user.py文件，内容如下： import t ......
【操作教程】如何在EasyCVR视频融合平台中调用接口添加设备？
EasyCVR平台的视频能力可应用在多样化的场景上，包括城市“一网统管”建设、智慧工地风险预警、智慧工厂安全生产可视化监管、校园视频大数据综合管理等等，结合AI智能分析网关，能实现人脸检测、人脸识别、车辆检测与识别、烟火识别、危险区域闯入检测、安全帽检测、消防通道占压检测、离岗睡岗检测等。感兴趣的用... ......
ant design vue中form-model嵌入级联a-cascader中回显
前言 在form-model表单中写入a-cascader，现在开发编辑功能，需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value，从级联中拿取值用:model，把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
小梅哥课程学习——SPI接口的74HC595驱动数码管实验
1 //要求：对于74HC595芯片，该芯片在SH_CP(SCLK)的上升沿将DS（DIO）上的数据移入内部的寄存器。 2 //目的：因此我们需要保证DS上的数据在SH_CP的上升沿前后一段时间，保持稳定。 3 //手段：FPGA要在SH_CP的下降沿改变DS的值 4 //先移入的数据，在高位输出。 ......
vue中el-select，el-radio-group设置默认值
首先来说设置默认值是用v-model去绑定一个值， 如下，一般大家用label是来展示具体展示在前端的文字，value是这组对象里每个对象的标识。 打个比方item.label是姓名，item.value是学号，学号不在前端展示。这样的话，v-model绑定的字符串对象写item.label的值。 ......
element+vue2下的input的样式修改
/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
接口自动化框架-python+unittest+ddt
简介 1.框架用unittest+yaml数据驱动+自定义日志/HTMLTestRunner 2.测试数据中包含可执行代码（入获取当日时间） data层 存放测试用例数据，mysql数据，常量文件等 ini常量文件 [http] baseUrl:https://jsonplaceholder.typ ......
面向chatgpt运维：根据nginx日志输出每个接口的平均响应时间
Crafted by Genie 我 我的nginx日志最后一个字段是request time,怎么对每个url求平均访问时间，并分别列出来 Genie 您可以使用awk命令对日志文件进行处理来计算平均访问时间。 首先，您需要使用以下命令获取每个URL的请求时间: awk '{split($7,ur ......
vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)
报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......
OpenAI.ChatCompletion.create 接口参数说明
引言：对于接口，不了解参数含义，就不知道它能咋用？而了解参数的含义最好有例子，基于这个认知，整理了OpenAI几个主要API的接口参数说明。 OpenAI的ChatCompletion和Completion都是自然语言生成模型的接口，但它们的用途和应用场景略有不同。 ChatCompletion是专 ......
vue3 中使用 transition的问题
问题：在路由中添加动画效果但是，当切换路由时，页面一片空白，这个问题困扰了我几天了，今天终于发现了它的问题，特来记录一下，以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果，于是便这样写 // 提示： name="fade-transform" fade-transform是css类 ......
Vue 中给图片添加时间水印
Vue 中给图片添加时间水印，可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下： 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串，并根据需要生成对应的日期时间图片（可以借助 Canvas API 来绘制） ......
抽象，接口以及内部类
抽象类 特点： 不能new这个抽象类，只能靠他的子类实现：约束！ 抽象类中可以有普通方法 抽象方法必须在抽象类中 抽象的抽象：约束 接口 普通类：只有具体的实现 抽象类：具体的实现以及规范 不能new，需要子类来实现 接口：只有规范！自己无法写方法~专业的约束 约束和现实分离：面向接口编程~ 接口的 ......
vue3定义变量ref、reactive、toRefs的特征和应用
1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象，传入的为基本数据类型，例如字符串、数字、boolean 等,返回值是一个对象，这个对象上只包含一个 value 属性 ref定义的变量，改变值要.value,而且在template中不用写.value <div>{{ms ......
vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题
今天研究了一下vue生成二维码的功能，在使用vue-qr插件的时候，在所需页面引入，报错，于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件，搜...e,将...去掉，然后重新运行就好。 ......