接口axios vue all
vue下载pdf文件
async exportCode(){ await exportEquipmentBarCodePdf({ equipmentCodes: this.equipmentCodes }).then(async (data)=>{ let a = document.createElement('a'), ......
vue2 + websocket 断线重连 + 实时数据
一、websocket事件 -1 打开事件 Socket.onopen 连接建立时触发 -2 消息事件 Socket.onmessage 客户端接收服务端数据时触发 -3 错误事件 Socket.onerror 通信发生错误时触发 -4 关闭事件 Socket.onclose 连接关闭时触发 二、w ......
macOS 如何设置 Finder 打开某种类型的文件时候使用指定的默认 Application 程序 All In One
macOS 如何设置 Finder 打开某种类型的文件时候使用指定的默认 Application 程序 All In One
......
接口自动化测试（python+pytest+requests）
一、选取自动化测试用例 优先级高：先实现业务流程用例、后实现单接口用例 功能较稳定的接口优先开展测试用例脚本的实现 二、搭建自动化测试环境 核心技术：编程语言:python；测试框架:pytest；接口请求:requests 安装/验证requests:命令行终端分别输入 pip install r ......
django服务配置logging 打印接口请求sql日志
只需要在setting文件下配置： LOGGING = { 'version': 1, 'disable_existing_loggers': False, 'handlers': { 'console': { 'class': 'logging.StreamHandler', }, }, 'roo ......
24-Vue组件化编程-单文件组件
单文件组件一个文件中只包含有1个组件 组件名的注意事项 一个单词组成： 1）第一种写法（首字母小写）：school 2）第二种写法（首字母大写）：School，推荐 多个单词组成： 1）第一种写法（kebab-case命名）：my-school 2）第二种写法（CamelCase命名）：MyScho ......
Attention Is All You Need
Attention Is All You Need 关键词：Self-Attention、Transformer 📜 研究主题 设计仅基于注意力机制的网络Transformer Transformer仍然采用Encoder-Decoder结构，但脱离了Seq2Seq结构，不采用RNN或CNN单元 ......
vue3中引入elementplus以及图标(vue3+vuecli)
开发背景 node v18.17.0(node -v)npm v8.4.1(npm -v)@vue/cli 5.0.8(vue -V) 0.用命令行安装elementPlus npm install element-plus --save 1.elementplus按需手动导入 ElementPlu ......
VSCode 中如何指定和切换 TypeScript 的版本 All In One
VSCode 中如何指定和切换 TypeScript 的版本 All In One Command + Shift + P demos --> (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查 ......
记录--Vue中前端导出word文件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 很多时候在工作中会碰到完全由前端导出word文件的需求，因此特地记录一下比较常用的几种方式。 一、提供一个word模板 该方法提供一个word模板文件，数据通过参数替换的方式传入word文件中，灵活性较差，适用于简单的文件导出。需要依赖： ......
vue 手机规则校验
一、背景 点击查看代码 phone: [ { required: true, message: '请输入手机号', trigger: 'blur' }, { min: 11, max: 11, message: '手机号位数不对', trigger: 'blur' }, { pattern: /^( ......
java中接口的实现方式
目录Java8 接口初始化的几种场景通过接口实现类的方式实现1. 定义接口2. 接口实现3. 测试方法通过jdk8中双冒号方式1. 实现通过箭头函数Lambda表达式的方式1. 定义接口2. 接口实现3. 测试方法将接口作为方法参数1. 定义一个方法2. 调用方法并实现接口方法 Java8 接口初始 ......
第二十一篇 - vue中实现页面刷新以及局部刷新的方法
参考链接：https://blog.csdn.net/qq_41117240/article/details/127275478 第一步：在需要局部刷新的标签添加 第二步：在data里面初始化isRefresh的值为true 第三步：在method里面添加刷新函数 第四步：在需要局部刷新的地方调用刷 ......
接口幂等性数据库乐观锁实现
场景最简单的一种方式 直接上示例代码 // 根据订单号查询订单是否存在 步骤1、Order order = orderService.getOrder(orderNo); // 判断状态是否成功 步骤2、if (order!=null && !order.getStatus().equalsIgno ......
接口性能测试 —— Jmeter并发与持续性压测
接口压测的方式： 1、同时并发：设置线程组、执行时间、循环次数，这种方式可以控制接口请求的次数2、持续压测：设置线程组、循环次数，勾选“永远”，调度器（持续时间），这种方式可以控制压测周期时间 指定并发数 例1：设置线程数：10设置执行时间：0设置循环次数：5 说明：使10个线程启动并同时运行也就是 ......
How to fix the bug that the beforeunload event cannot be triggered All In One
How to fix the bug that the beforeunload event cannot be triggered All In One
如何修复 beforeunload 事件无法触发的 bug All In One ......
vue锚点跳转
直接上答案 // 获取dom元素 const ele = this.$refs['refName']; // 获取元素距视窗的高度 const top1 = ele ? ele.getBoundingClientRect().top : 0; // 如果ref是在v-for中定义的，需如下获取 co ......
vue自定义样式
在项目中常常遇到一些页面由后台定制样式呈现，这就需要在页面中动态绑定style，如若定制样式里包含了伪类、媒体查询、hover效果能样式，寻常的v-bind:style内联样式可能就无法满足需求，这里就记录了一个解决办法。 那么该如何操作呢，简单举个栗子： 首先，我们在需要定制的样式元素上定义一个c ......
vue移动鼠标画矩形（抄别人的，下附原文地址）
1、draw.js /** * 画布中绘制矩形 * 参数: cav-画布对象 list-矩形数组 i-选中矩形下标 **/ /* 操作执行方法分发 */ export function draw(cav, list, i) { // 画布初始化 let ctx = cav.getContext('2 ......
如何保证接口的幂等性？
作者：小牛呼噜噜 | https://xiaoniuhululu.com 计算机内功、源码解析、科技故事、项目实战、面试八股等更多硬核文章，首发于公众号「小牛呼噜噜」 目录什么是幂等性？为什么需要保证幂等性？接口幂等设计和防止重复提交可以等同吗？常用保证幂等性的措施先select再insert数据库 ......
Vue学习笔记（十一）：路由管理
1 Vue路由基本使用¶ 1.1 安装¶ Vue中默认并不提供路由功能，需要安装其插件Vue-router，如下所示，其中“@3”表示安装版本3 npm i vue-router@3 1.2 创建路由¶ 在src目录下创建路由文件目录，目录名为“router”，并在该目录下创建“index.js”文 ......
[Vue]模板语法和MVVM
模板语法分为： ①插值语法、②指令语法 插值语法 {{ xxx }} 指令语法 v-bind:attr='xxx' 注意 v-bind: 只是一种指令，指令可以有很多种。 v-bind: 可以简写为 : <body> <div id="root"> <h1>插值语法</h1> <h3>{{ name ......
【前端开发】新版Chrome浏览器接口mock调试技巧，超实用
给大家分享一个 Chrome117 更新中最实用的一个功能：在 Network 面板中发送 mock 请求。 修改返回响应数据 想要修改接口返回的数据，设置成特定的数据，首先打开 网络(Network) 面板，找到你需要Mock的接口，右键然后选择替换内容(Override content)： 这时 ......
vue @click.native/stop/prevent
1.@click.native 父组件要引用子组件中的点击事件，可以通过@click.native来直接访问子组件中的方法，如果不使用@click.native可在子组件中使用this.$emit('click')来传递事件 // 父组件 <template> <div> <span>父组件页面</ ......
GO语言中面向接口编程
接口的基本概念 接口是一组行为规范的集合。 type Transporter interface { //定义接口。通常接口名以er结尾 //接口里面只定义方法，不定义变量 move(src string, dest string) (int, error) //方法名 (参数列表) 返回值列表 w ......
Vue实现文件上传(单文件、多文件、分片上传)
前端使用UI封装好的upload组件 1.单文件上传 <a-upload :disabled="!editpersonflag" name="avatar" listType="picture-card" class="avatar-uploader" :showUploadList="false" ......
ABC159F Knapsack for All Segments
原题 翻译 \(O(n^3)\) 的朴素 \(dp\) 是 simple 的 考虑定义一个子序列是”好的子序列”当且仅当 \(a_l\) 和 \(a_r\) 都在子序列中，容易发现他对答案的贡献是包含他的区间，即 \(l \times (n - r + 1)\) 先说我自己的做法：设 \(dp_{i ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，已经实现了观察者模式的基本内容，接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中，实现数据驱动界面改变。 在监听数据变化的章节当中，根据指定的区域和数据去编译渲染界面 这个步骤处，我写了一个注释，这个注释是这样的：第一步：给外界传入的所有数据都添加get/set方法，第二 ......
Vue源码学习(十一):计算属性computed初步学习
好家伙， 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm ......