element ali-oss方式vue3
部署系统自动执行脚本方式
1.首先将脚本写好，然后放到 /usr/local/sbin/ 目录下 2.然后开始执行 crontab -e 命令，来编辑制动执行脚本的命令； 如下图: (1) (2) (3) ......
vscode打开vue3，报红，ts类型找不到问题
vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ，自动推荐安装了 Vue Language Feature（Volar），但用它扔有类型报错。官方推荐，使用 它 时禁用 Vetur，以免有冲突。 只需安装TypeScript Vue Plu ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
apache poi读取各种文件的方式以及优劣分析
文章摘要 安卓平台上的Apache POI库用于读取和写入Microsoft Office格式的文件，如Excel、Word和PowerPoint。这个库非常强大，因为它允许开发者在安卓应用程序中直接处理这些常见的文件格式。下面是对Apache POI在安卓平台上读取不同文件的方式的分析，包括其 ......
vue3 + Ant Design 实现双表头表格（横向表头+纵向表头）
一、要实现的效果（纵向固定表头的表格，横向表头数量动态化） 二、这是后台返回的数据格式（以企业为数组，每个企业里有个站点数组pointFactors） 三、代码实现步骤 （1）定义纵向固定表头 1 // 纵向表头数组 tableColumns 2 const tableColumns = ref([ ......
无网络环境下安装fping（使用rpm方式安装fping）
一、我的的Linux版本centos7（cat /proc/version） 1、 Linux version 3.10.0-862.el7.x86_64 (builder@kbuilder.dev.centos.org) (gcc version 4.8.5 20150623 (Red Hat 4 ......
Vue3之实现一个可拖拽的div
实现一个可拖拽的div写法如下： const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......
Element UI --Upload组件，上传的文件名后缀重复问题
在使用Element UI 的Upload组件，发现上传的文件名后缀是重复的。（eg. test.pdf.pdf） 在检查了相关组件的使用，没有任何问题，最后发现是windows电脑自动会隐藏文件扩展名，导致用户以为文件没有扩展名，继续修改成带后缀的文件名导致。 可以点击文件--查看--勾选扩展名， ......
vue3
vue3 * vue3支持组合式传参， vue2在创建app对象的时候，会传入一个包含各种选项的对象，选项包括data函数，methods对象，computed对象等等。 vue3在创建app对象的时候，也是传入一个对象，但是对象属性中有一个setup函数，在该函数中可以定义响应对象，函数，comp ......
推荐一款 Vue3 调试神器！
vue-devtools 是一款基于Chrome浏览器的插件，可以用于调试vue应用，也可以用来辅助我们找到各页面对应的Vue.js文件路径，想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools， 它是一个旨在增强 Vue ......
取单个/连续多个/连续有规律多个字符方式可以通过编号或者索引
# 写法：字符串[编号] h = 'abcd efg' # 取第一个字符:aprint(h[0])# 写法：字符串[开始编号：结束编号] 结束编号不包含# 取连续字符:bcdprint(h[1:4])# 写法：字符串[开始编号：结束编号：间隔/步长] 间隔/步长数字2代表间隔/步长隔开1个# 取连续 ......
设置element组件表格：表头样式、单元格样式、表尾合计、边框、行高
设置表格头样式 methods: { headerCellClassName({ row, column, rowIndex, columnIndex }) { if (rowIndex 0) { return { textAlign: 'center', background: '#FFD966' ......
短视频app源码，实现幂等设计的重要方式
短视频app源码，实现幂等设计的重要方式 一、取消重试 取消重试有两种方法，第一是设置重试次数为零，第二是选择不重试的集群容错策略。 <!-- 设置重试次数为零 --> <dubbo:reference id="helloService" interface="com.java.front.dubb ......
短视频直播系统，前端比较常见的几种动画实现方式
短视频直播系统，前端比较常见的几种动画实现方式 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离，分别看看这几种方案的具体实现。如有不妥还望指正。 一、CCS animation 这里省略了html部分，我们直接看css: .box{ height: 100px; ......
003元素定位方式与项目demo创建
一、环境搭建 1、创建项目，添加java-client依赖包 新建maven项目，引入java-client依赖包 2、创建并编写代码 测试运行以上代码，运行前需打开Appnium. Appnium没有打开时，运行会报错：Connection refused：connect 二、常见元素的定位方式 ......
vue3父子通信
vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
记录--Vue3问题：如何实现组件拖拽实时预览功能？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......
降本不增“笑”的正确打开方式
引言： 在当前行业形势下，降本增效已经是公认的命题，粗放扩张的时代已经过去，接下来是在从业务到技术都需要精细化管理的时代。但在这个命题下，往往未被提及的一点是用户价值。如果为了降本增效，而牺牲了用户价值，激烈竞争下，企业是否还能留住用户？ 专家介绍： 赖洪科 OPPO互联网应用研发平台及推搜算法部总 ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
cpp-Array-element-count
title: C++数组元素个数计算 author: Tokisaki Galaxy top: false cover: false toc: true mathjax: false date: 2019-12-03 img: coverImg: excerpt: C++数组元素个数计算 tags: ......
TCP与UDP协议有何区别？在LiteCVR中应该选择哪种方式？
LiteCVR具备很强的视频监控直播、录像、云存储、检索与回看、告警、集群、级联、共享等能力，在很多实际场景中均有落地项目应用，如：智慧工地、智慧校园、智慧社区、智慧楼宇等。 ......
vue3 + java 查询数据前后端时间不一致如何解决？
环境：vue3 + springboot + mybatis + mysql 场景：后端返回的时间与前端接收到的时间，小时不一致， 时间格式是古巴标准时间："CST" 解决：在 Entity 中时间字段上增加注解： @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss ......
vue3调用高德地图，实现地址，经纬度填写
父组件引用高德地图： 1 <template> 2 <div class="wrapper"> 3 <div class="box"> 4 <div class="form-box"> 5 <el-form 6 label-position="top" 7 :inline="true" 8 :mod ......
element ui 表格与锚点定位
父组件表格页面代码： <template> <div class="wrapper"> <div class="overview-box"> <div class="box-name"> <div class="flag" /> 标的事件 </div> <p class="con-txt"> {{ ......
element-plus的type类型为daterange的时候限制时间选择
对于 Element Plus 的日期时间范围选择组件（el-date-picker 的 type 设置为 "daterange"），你可以使用 :picker-options 属性来设置选项，通过 disabledDate 函数来禁止选择当前时间之前的日期。 下面是一个 el-date-picke ......
在centos7云主机上docker方式安装halo2.11,数据库使用mysql5.7
1.提前安装好docker和docker-compose 2.在~目录下新建halo目录并进入 mkdir ~/halo && cd ~/halo 3.在halo目录新建 docker-compose.yml文件 vi docker-compose.yml 我这里使用的是外部的mysql,文件内容 ......
线段上离p最近的点 - 投影方式
判断依据 1) 投影结果<0，则线段端点a离p最近 2) 投影结果>线段ab的长度，则线段端点b离p最近 3) 否则p在线段上的垂点为最近点 p与ab不共线时 1) p在线段两侧 2-a) p在线段内侧 2-b) p在线段内侧2 p与ab共线时 1) p在线段两侧 2-a) p在线段内侧 2-b) ......
Linux下安装Java环境三种方式（tar.gz、rpm、yum）
一、Java软件包下载 Java各版本下载地址；进入页面后我们首先看到的是Java最新版本的下载界面，但是在这我需要下载Java 8 的版本，所以得划到下面的界面，即界面如下： 在这里我将下载：jdk-8u381-linux-x64.tar.gz（压缩包方式安装）、jdk-8u381-linux-x ......
Vue3实现电商放大镜效果
效果实现： 功能拆解： 左侧滑块跟随鼠标移动 右则大图放大效果实现 鼠标移入控制滑块和大图显示隐藏 滑块跟随鼠标移动 思路：获取到当前的鼠标在盒子内的相对位置（useMouseInElement），控制滑块跟随鼠标移动（left/top） 获取鼠标相对位置 控制滑块跟随移动 有效移动范围内的计算逻辑 ......