element ali-oss方式vue3
Vue3 + Express 实现大文件分片上传、断点续传、秒传
前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到 Web 服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。 但是当需要上传比较大的文件的时候，容易碰到以下问题： 上传时间比较久； 中间一旦出错就需要重新上传； 一般服务端会对文件的大小进行限制 ......
前端路由及两种实现方式
路由的概念来源于服务端，在服务端中路由描述的是 URL与处理函数之间的映射关系，当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行，无刷新交互成为了当下的主流，我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面，即在一 个页面中完成路由的切换（俗称：单页面应用开发SPA） ......
【VUE基础】VUE3核心语法
setup setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台”，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。 特点如下： setup函数返回的对象中的内容，可直接在模板中使用。 setup中访问this是un ......
element-plus之form表单场景大全
1.:validate-event="false"的作用是，当前这个表单change或者blur的时候不进行表单校验，只有提交按钮验证时候才校验标红框, 场景运用：当切换其他tab也好，根据select1选的值，然后给select2赋值，结果没查到select2为空数组时候自动标红，类似这种不想要红 ......
使用vue3和vite导入index.vue文件而不指定文件名
<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M ......
交点 - 射线与线段交点 - 直线方程方式
效果 //求射线与线段交点 - 直线方程方式 public static bool IsRaySegmentIntersect(Vector2 o, Vector2 dir, Vector2 a, Vector2 b, out Vector2 point) { point = Vector2.zer ......
自定义应用层通信协议结构消息的编码方式
应用层通信协议设计 一、应用层通信协议概述 TCP/UDP是基于字节流的传输层通信协议，对于其的编程是基于IO流编程，所谓“流”，就是没有界限的一长串二进制数据。TCP/UDP作为传输层协议，并不了解上层业务数据的具体含义，它会根据TCP缓冲区的实际情况进行数据包的划分。所以在业务上一个完整的数据包 ......
Day20.匿名函数的两种调用方式_max用法_min用法_sorted用法_map用法_filter用法_reduce用法
1.匿名函数的两种调用方式： 2.匿名函数求最大和求最小： 3.sorted用法和map用法： 4.filter的用法： 5.reduce的用法： ......
执行历史和suspend的快捷方式
执行历史： 感叹号+历史序号 suspend： ctrl+z是suspend fg + suspend序号回到前台 输入bg查询后台的程序 ......
List去除重复数据的推荐方式 (*2)
List去除重复数据的推荐方式 (*2) 推荐理由：保证顺序的同时去掉重复元素。 综合考量：在不考虑顺序的情况下使用HashSet和循环可取，一定程度上提升性能。 方式1：使用java8新特性stream进行List去重（强烈建议，简便实用） 要从arraylist中删除重复项，我们也可以使用jav ......
Element-Ui-表格设置动态高度
需求：element-ui的表格根据表格父盒子容器（红框容器）设置动态高度，便于表格头部固定。 上面方法的适合父盒子高度为固定不变化 ......
linux第7章储存管理中的储存方式
在学习Linux第7章储存管理中的储存方式后，总结总结如下： 1. 块设备和字符设备：在Linux系统中，储存设备可以分为块设备和字符设备。块设备以固定大小的数据块（通常为512字节或更大）进行读写操作，例如硬盘驱动器。而字符设备以单个字符或字节为单位进行读写操作，例如键盘、鼠标等。 2. 文件系统 ......
element-plus 报错 ResizeObserver loop limit exceeded 解决
解决方案代码如下： const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time ......
Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范
项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
springcloud~spring-cloud-starter-alibaba-nacos-discovery-2021.0.1.0配置方式变更
nacos的配置方式发生改变，之前的方式不再适用，我们需要进行调整 包依赖 pom.xml代码，引入基础pom依赖 <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-alibaba-dependenc ......
学习Vue3 第五章（Vue核心虚拟Dom和 diff 算法）
介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM？ 一个dom上面的属性是非常多的，所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图，所以 diff 算法本质上就是比较两个js对象的差异 特 ......
C++ 智能指针的正确使用方式
C++11 中推出了三种智能指针，unique_ptr、shared_ptr 和 weak_ptr，同时也将 auto_ptr 置为废弃 (deprecated)。 但是在实际的使用过程中，很多人都会有这样的问题： 不知道三种智能指针的具体使用场景 无脑只使用 shared_ptr 认为应该禁用 r ......
vue3 项目中出现的空白页面的总结(巨坑)
一、背景 开局先说一句!!!! 好坑!!!!!,我遇到的空白页面的问题，不是路由懒加载的原因，是在点击路由完整的状态下，点击菜单跳转页面，出现的空白页面，不能触发页面中任何钩子函数，但是路由是跳了的，重新刷新页面，页面内容即可出现，而且空白出现率相当高。我能想到出现这种原因template中必须有且 ......
学习Vue3 第四章 vue指令
指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏（切换真假DOM） v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏（di ......
[信创]--达梦DM8数据库-docker方式部署
下载：https://www.dameng.com/list_103.html 下载镜像，上传到指定服务器： 载入镜像： 查看镜像： 启动容器： docker run -d -p 5237:5236 --restart=always --name dm8 --privileged=true -e C ......
Vue3 第三章
Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 vite config ts 这是vite的 ......
pytest之fixture使用方式
一、问题 pytest中fixture的调用方式有哪几种？ 二、回答 有4种方式：1.传参调用2.自动调用autouse=True3.手动调用usefixtures4.与parametrize结合调用indirect=True 第一种方式：传参调用getToken方法装上了 @pytest.fixt ......
集合框架(一) Java中Map的常见方法的使用及循环的五种方式
Map是Java中的一种集合，它是一种键值对的映射表，可以根据键快速获取对应的值。@[toc]## 1. 常见使用方式 以下是Java中Map的常见方法使用示例及运行结果： ### 1.1 存储键值对 使用put()方法向Map中添加键值对： ```javaMap<String, Integer> ......
Vue3 + ant-design-vue@3.2.15 + UploadPictureCard
<template> <a-upload name="file" v-model:file-list="showFileList" list-type="picture-card" :multiple="multiple" :max-count="maxCount" :before-upload=" ......
错误地使用 React 的五种方式，会导致你被解雇|useState
虽然是一个简单的工具，但 useState 许多开发人员仍然会犯错误。在代码审查期间，我经常看到即使是有经验的人也会犯这些错误。在本文中，我将通过简单实用的示例向您展示如何避免它们。 错误地获取以前的值 使用 setState 时，可以将以前的状态作为回调的参数进行访问。不使用它可能会导致意外的状态 ......
Excel合并单元格的缺点解决方式
背景 99%的人在创建表格的一个标题，都喜欢使用合并单元格的功能 但是由于使用Excel的合并单元格，在数据分析统计的时候出现了一些问题 复制粘贴数据时，由于有合并单元格，不能直接复制粘贴 移动整列的位置，不能快速移动 使用VLOOKUP函数时，无法直接选中列区域，只能手动选中单元格区域 行标题优化 ......
Vue3 第二章（配置环境）
下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 ......