element-plus单元element vue3
element tree 优化线条树，添加增删改功能
需求：树状结构，支持操作功能（同级、子级、修改、删除）。 根据需求是否展示复选框和操作功能。 封装linetree.vue组件： 1 <template> 2 <div> 3 <el-tree :data="list" :props=defaultProps :expand-on-click-nod ......
懂 Vue3 中的各种 ref:toRef,toRefs,isRef,unref...
在 Vue3 中，有许多与响应式相关的函数，例如 toRef、toRefs、isRef、unref 等等。合理地使用这些函数可以在实际开发中大大提高效率。本文将详细介绍这些函数的用法，让在实际开发中知道应该使用哪些 API 并能够熟练地回答面试官的相关问题。 ref() 大家对于 ref 这个 AP ......
vue3 引入axios 并封装下
没有考虑取消重复请求、重复发送请求、请求缓存等情况 重复请求参考此链接 实现请求拦截 实现响应拦截 常见错误信息处理 请求头设置 api 集中式管理 index.js import axios from "axios"; import qs from "qs"; const serverConfig ......
element table第二页序号不从1开始
<el-table-column type="index" width="80" label='序号' align="center"> <template slot-scope="scope"> {{scope.$index + (formInline.pageno - 1) * formInlin ......
在vue3中使用openlayers3实现track轨迹动画
网上太多资料代码，抄来抄去，而且版本也是OL2的，部分API已经弃用 基础知识不多说，直接讲重点 三个关键变量 // 记录开始动画的时间 const startTime = ref(0); // 轨迹分割的颗粒度，数值越小分的越细 const particle = 20; // 轨迹动画的速度，数值 ......
vue2、vue3适配大屏。分辨率变化，样式不变
一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
C# DataGridView 任何一个单元格内容更改后提示事件
定义一个未保存提示变量 bool NoSaveFlag =false; 在DataGridView的CurrentCellDirtyStateChanged事件中标记 private void DG_ZhiBei_Tab_CurrentCellDirtyStateChanged(object sen ......
element-ui 表格分页勾选数据
新增 使用:row-key 编辑 主要是回显数据，如果使用 :row-key,会造成取消了，但是翻页后，无法取消的问题。 给表格使用 select 和 select-all 事件去选择 然后把选择的数据给请求，使用this.$refs.multipleTable.toggleRowSelection ......
element-plus中的文件上传
官网：https://element-plus.org/zh-CN/component/upload.html 简单使用： 场景：与表单项一起提交，但是需要回显功能，可以用过本地url预览方式实现 <!-- 此处需要关闭 element-plus的自动上传，不需要配置 action等参数 只需要做前 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
element plus el-table表格合并
el-table表格合并实现都是使用表格的span-method属性绑定操作函数 <el-table :data="table.data" :span-method="objectSpanMethod" > </el-table> 操作函数格式 const objectSpanMethod = ({ ......
VS Code 配置Vue3模板
配置用户代码片段 搜索vue 配置模板 { "vue3": { "prefix": "vue3", "body": [ "<template>", " <div>", " </div>", "</template>", "", "<script setup lang=\"ts\">", "impor ......
Java编写单元测试用例
Java编写单元测试用例 01 简介Java 中可以使用多个测试框架来执行单元测试，其中最流行的测试框架之一是JUnit。下面是一个简单的示例，说明如何使用 JUnit 框架编写和执行单元测试:02 一、 JUnit 包导入import org.junit.*;03 二、创建测试类这个类需要使用“@ ......
单元测试实战（二）Service 的测试
单元测试实战（二）Service 的测试 为鼓励单元测试，特分门别类示例各种组件的测试代码并进行解说，供开发人员参考。 本文中的测试均基于JUnit5。 单元测试实战（一）Controller 的测试 单元测试实战（二）Service 的测试 单元测试实战（三）JPA 的测试 单元测试实战（四）My ......
Java单元测试浅析（JUnit+Mockito）
Java单元测试浅析（JUnit+Mockito） 作者：京东物流 秦彪1. 什么是单元测试（1）单元测试环节：测试过程按照阶段划分分为：单元测试、集成测试、系统测试、验收测试等。相关含义如下：1) 单元测试： 针对计算机程序模块进行输出正确性检验工作。2) 集成测试： 在单元测试基础上，整合各个模 ......
java 单元测试之 - Spring框架提供的单元/集成测试注解
java 单元测试之 - Spring框架提供的单元/集成测试注解 Spring框架提供了很多注解来辅助完成单元测试和集成测试(备注：这里的集成测试指容器内部的集成测试，非系统间的集成测试)，先看看Spring框架提供了哪些注解以及对应的作用。@RunWith(SpringRunner.class) ......
Java Mockito 快速入门指南 Mock是指使用Mockito创建的模拟对象，它模拟真实对象的行为，用于替代真实对象的依赖项，以便进行独立的单元测试
Java Mockito 快速入门指南 Mock是指使用Mockito创建的模拟对象，它模拟真实对象的行为，用于替代真实对象的依赖项，以便进行独立的单元测试 在软件开发中，单元测试对于确保代码的正确性和可靠性至关重要。Mockito是一个强大的Java测试框架，它提供了丰富的功能和方法，使得编写模拟 ......
在使用openpyxl库操作带有合并单元格的Excel文件时，插入新的行或列可能会导致后面的数据错乱。这是因为openpyxl库在插入或删除行或列时，不会自动更新合并单元格的范围
在使用openpyxl库操作带有合并单元格的Excel文件时，插入新的行或列可能会导致后面的数据错乱。这是因为openpyxl库在插入或删除行或列时，不会自动更新合并单元格的范围1。 解决这个问题的一种方法是在插入新的行或列之前，先保存所有合并单元格的范围，然后在插入新的行或列之后，根据需要更新这些 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
单元测试平台搭建：sonarQube+sonarScanner+Jenkins+jacoco
单元测试平台搭建及结果分析 一、方案 需求目标：提高单元测试覆盖率和规范代码编写规范 选用工具：Sonarqube、sonarqube Scanner、Jenkins、jacoco 方案： 工程中引入jacoco进行代码覆盖率统计，通过sonarqube scanner扫描工程编写规范，编写单元测试 ......
vs+xunit 单元测试
vs中nuget 安装Microsoft.NET.Test.Sdk、xunit、xunit.runner.visualstudio xunit测试demopublic class HelloTest { //xunit提供默认输出接口 private readonly ITestOutputHelp ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
第五单元 特殊视图
1. _Layout.cshtml 布局页 布局视图和我们在Asp.Net MVC一样，布局视图_Layout.cshtml使得所有视图保持一致的外观变得更加容易，因为我们只有一个要修改的布局视图文件，更改后将立即反映在整个应用程序的所有视图中。 在 ASP.NET Core MVC 中，有一些视图 ......
@SpringBootTest 和 @RunWith 注解不能识别 单元测试第一步引入maven依赖
@SpringBootTest 和 @RunWith 注解不能识别 单元测试第一步引入maven依赖 一、背景 最近在预研 Rocketmq，在写小例子的时候，需要编写测试代码，突然间发现我的 @SpringBootTest 和 @RunWith 这两个注解不能识别，于是展开了我的问题排查过程。问题 ......
VUE3引入pinia配置使用
文档：https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......
第四单元 视图与模型
create database MvcUnit4; go use MvcUnit4; go create table Product ( Id bigint primary key, ProductName varchar(30), CategoryName varchar(30), Price d ......