接口axios vue all
老杜2023最新Vue实战精讲（五）Vuex
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
Linux shell script read file line by line All In One
Linux shell script read file line by line All In One Linux shell 脚本逐行读取文件 I just want to replace thegrep command, and filter out the real IP address 1 ......
直播电商平台开发，vue显示列表中的多张本地照片
直播电商平台开发，vue显示列表中的多张本地照片 注意这里的路径不能使用{{this.id}}这种变量，且要使用require（）函数并将路径断开 <div class="booksnew_card" v-for="(item,index) in bookList" :key="item.id"> ......
结合vue的transition使用，封装一个高度自适应的手风琴效果
<transition @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter" @before-leave="beforeLeave" @leave="leave" @after-leave="afterLeave"> ......
maven 包丢失，方法(接口)调用失败
报错信息 org.springframework.web.util.NestedServletException: Handler dispatch failed; nested exception is java.lang.BootstrapMethodError: java.lang.NoCla ......
WebService接口开发
使用wsdl文件生成java代码 安装下载Apache-CXF地址http://cxf.apache.org/download.html 配置环境变量，检查命令：wsdl2java -v 生成代码： wsdl2java http://ekp.sf-diamond.com.cn:8080/sys/we ......
接口重复调用限制过滤器
注解类 import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.annotation.RetentionPolicy; import java.lang.anno ......
接口过期过滤器
注解类 import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.annotation.RetentionPolicy; import java.lang.anno ......
The principle of uploading files with command line tools All In One
The principle of uploading files with command line tools All In One 命令行工具文件上传的原理 / The principle of command line tool file upload demos pip git CDN OS ......
Vue3+typescript如何给元素添加一个Ctrl+s的事件，用于保存文件？
如下代码，建议用这个，e.keyCode 已经过时，后面都是用 e.key:string. onMounted(() => { window.addEventListener('keydown', (e) => { if (e.ctrlKey && e.key 's') { // 检查是否按下了 C ......
ts文件可以操控vue文件里面的ref元素吗
ts文件可以操控vue文件里面的ref元素吗 export const fileInputElement = ref<null | HTMLElement>(null); 我在ts文件里获得fileInputElement 我能操控vue文件里ref为fileInputElement的元素吗 imp ......
【前端可视化】大屏scale适配vue3 hooks
useScalePage.js import { onMounted, onUnmounted } from 'vue'; import _ from 'lodash'; /** 大屏适配的 hooks */ export default function useScalePage(option) ......
控制台报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in
[Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading 'length')" found in ... ......
vue el-table 指定列相同数据合并行展示
参考：https://www.ycmbcd.com/blog/html/16648550611992.html 1、效果 2、数据 [ { "date":"2016-05-02", "name":"王小虎", "address":"上海市普陀区金沙江路 1518 弄" }, { "date":"20 ......
Vue的生命周期的详解
Vue的生命周期 Vue的生命周期是每个使用Vue框架的前端人员都需要掌握的知识，以此作为记录。 Vue的生命周期就是vue实例从创建到销毁的全过程，也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲 ......
接口测试面试题整理
1.什么是接口测试？ 接口测试：是测试系统组件间接口的一种测试方法 接口测试的重点：检查数据的交换，数据传递的正确性，以及接口间的逻辑依赖关系 接口测试的意义：在软件开发的同时实现并行测试，减少页面层测试的深度，缩短整个项目的测试周期 2.接口自动化测试的流程？ 基本的接口功能自动化测试流程为：需求 ......
Vue3实现组件级基类的几种方法
Vue3的组件有三种代码组织方式 纯Option API （不含setup） option API + setup 纯 setup （即composition API） 对于这三种形式，设置基类的方法也略有不同。 使用 mixins、extends vue3提供了 mixins和extends，但是 ......
初识esbuild、构建vue3脚手架
esbuild 非常快速的 web 打包器,使用 go 语言编写。 📦 特点： 无需缓存也能很快速的编译打包。 内置 js、css、ts、jsx 类型文件编译。 支持 es6 和 commonjs 模块。 可以编译打包成 esm 模块和 common JS 模块 tree shaking 摇树优化 ......
使用Axios下载Nignx文件，并重命名
需求：因为下载的nginx的文件地址是UUID组成的，要下载呢就需要用axios。然后结合我上一篇文章，把nginx的跨域打开。 http://localhost:8085/project_1/2023/04/27/C9E9CC592AF849F7BFA025F16E2271BD.sql https ......
Vue3路由正确写法
import { createRouter, createWebHistory } from 'vue-router' import Home from '@/view/Home.vue'; import Login from '@/view/Login.vue' const routes = [ ......
Python_14 接口测试报告
测试报告
a. TextTestRunner()自带的测试报告，不好看，无法识别，没有执行过程
b. HTMLTestRunner：不要看
c. BeautifulReport：第三方的库，还可以，推荐使用 ......
vue2源码-十六、异步组件
异步组件 Vue 中异步组件的写法有很多，主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签，等组件加载完毕，最后再重新渲染 forceUpdate（图片懒加载）使用异步组件会配合 webpack 原理：异步组件默认不会调用 Vue.extend()方法 所有Ct ......
Loadrunner Http Json接口压力测试
一个测试任务，要求测试一下ES（elsticsearch）在不同并发下的查询效率。如图： 业务场景是在客户端根据具体车牌查询相关车辆信息，结果返回前10条记录。 从图中可以看到，接口的请求参数和返回结果均是JSON字符串，请求可以用POST或者GET方法。先说GET方法： 一、GET方法测试 Ins ......
jeecgboot启动时日志打印所有接口，作为开发时的参考作用吧。
主要的方式是使用了RequestMappingHandlerMapping这个bean当中保存了所有的映射、对应的controller类、方法等等的信息。在单体启动类中取出这个bean然后遍历就可以了，代码如下： /** * 单体启动类（采用此类启动为单体模式） */ @Slf4j @SpringB ......
Vue2实现部分页面使用rem布局
1.计算rem值的比例，这里是1920的设计图； setRem(){ /** * @file: index.vue * @method: setRemPc * @param: * @return: * @description:计算rem大小 * @date: */ var whdef = 100/ ......
vue3 ts 项目文件夹解析
vue3 ts 项目文件夹解析 layouts 文件夹通常用于存放应用程序中的布局组件或布局相关的文件。 布局组件是用于包装应用程序中的页面内容的组件，通常包含头部导航、侧边栏、页脚、页面标题等等。布局组件可以在不同的页面中共享，并且可以为应用程序带来一致的外观和体验。 core 存放应用程序中的核 ......
vue2实现饼图Pie组件封装
实现如下效果： 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......
Vue3 实现印章徽章组件
Vue3 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 组件代码文件结构： src/components/StampBadge/src/StampBadge.vue 文件代码： <template> <div class="first-r ......