element ali-oss方式vue3
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
Vue3 读取Hdr 文件转Image显示
import { decodeRGBE } from '@derschmale/io-rgbe'; //引入io-rgbe //读取Hdr文件 const ReadHdrFile = (buffer: ArrayBufferLike & { BYTES_PER_ELEMENT?: undefined ......
【JavaSE】异常（异常体系、异常处理方式、自定义异常）
异常 异常介绍 异常体系 一定要能阐述异常的体系结构！ 异常类的祖先类：Throwable 所有的异常都是一个类，如果不清楚可以在API帮助文档查询 运行时异常：编译时没有错误，运行时可能会出错，通常是代码不严谨导致的 编译时异常（不包含语法错误）：主要起提醒作用，需要在运行之前给出解决方式 异常处 ......
前后端的交互方式
前后端的交互方式 一、前后端的实现方式 前后端交互可以通过以下几种方式实现： RESTful API：使用HTTP协议进行通信，前端通过发送HTTP请求（GET、POST、PUT等）到后端API接口，后端返回相应的数据给前端。 WebSocket：WebSocket是一种在单个TCP连接上进行全双工 ......
SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API
sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 属于 SAP Fiori Elements 的早期版本，它基于 SAPUI5 框架构建，主要是针对 ABAP 环境下的 OData V2 服务。 sap.fe.tem ......
关于 SAP Fiori Elements List Report Go 按钮的实现
代码位置： 这段代码是 JavaScript 中的一个方法 _regularTriggerSearch，它是 SmartFilterBar 对象的原型方法。这个方法的主要目的是在一定延迟后触发搜索操作。这段代码中涵盖了 JavaScript 中的一些主要特性和概念，包括对象、原型、方法、控制流（if ......
Vue3 + TS 搭建组件库
开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......
vue3使用富文本编辑器wangEditor 5，增加自定义下拉框，并动态改变下拉框内容
官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行，下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav ......
微服务调用方式详解
在微服务架构中，需要调用很多服务才能完成一项功能。服务之间如何互相调用就变成微服务架构中的一个关键问题。服务调用有两种方式，一种是RPC（Remote Procedure Call）方式，另一种是事件驱动（Event-driven）方式，也就是发消息方式。消息方式是松耦合方式，比紧耦合的RPC方式要 ......
day09 Helm开发与实践-基于Helm的方式运维管理应用 （3.2-3.3）
一、Helm开发与实践 1、Helm Chart详解 1.1 Chart 目录结果 # helm create nginx Creating nginx # tree nginx nginx ├── charts ├── Chart.yaml ├── templates │ ├── deployme ......
java集合框架(一)之Map的常见使用及循环输出的五中方式
Map的常见使用 创建一个Mpa对象及新增键值对 获取到一个键值对 get(k) containsKey(object key) 判断集合中是否包含指定的键包含返回true，不包合返回false remove(Object key,Object value); 把指定的键和元素在Map集合中删除 M ......
集合框架(一)Map的常见使用及循环 的五种方式
第一步新建Map集合 1.循环输出所有键值对 2.通过entrySet获取到键值实现对象 3.通过values直接获取值的集合（缺点:没有key(键)） 4.通过keySet()获取键值的集合获取值 5.迭代器 ......
【Java入门】集合框架介绍与集合框架(一)Map的常见使用及循环的五种方式
1.集合框架 - 数组的长度是固定的，集合的长度是可变的。 - 使用Java类封装出一个个容器类，开发者只需要直接调用即可，不用再手动创建容器类。 - 集合是Java中提供的一种容器，可以用来存储多个数据，根据不同存储方式形成的体系结构，就叫做集合框架体系（掌握）。集合也时常被称为容器。 2.Map ......
React项目报错：Element type is invalid: expected a string可能的原因
React项目报错：Element type is invalid: expected a string 起因：用了屎一样的React Antd组件库，坑太多实在用不下去了，代码不变直接改成Tdesign，于是就开始了解决无穷无尽的报错。。。 Element type is invalid: exp ......
集合框架Map的常见使用及循环的五中方式
Map集合是什么？ Map集合是一种以键值对形式存储和操作数据的数据结构，建立了key-value之间的映射关系，常用于存储和处理复杂的数据 Map集合的主要特点： Map和List不同，Map是一种双列集合； Map存储的是key-value的映射关系； Map不保证顺序。在遍历时，遍历的顺序不一 ......
记一次vscode 打开go项目的处理方式
问题：需要用vscode打开 没有用 go.mod 管理的项目 打包项目为linux执行的二进制文件 vscode 全局 settings.json配置 ```json { "go.formatTool": "gofmt", "go.gopath": "D:\\GoPath;", "go.goroo ......
记一次vscode 打开go项目的处理方式
问题：需要用vscode打开 没有用`go.mod` 管理的项目 打包项目为linux执行的二进制文件 vscode 全局`settings.json`配置``` <br/> ```json{ "go.formatTool": "gofmt", "go.gopath": "D:\\GoPath;", ......
关于Vue3中调试APP触发异常：exception:white screen cause create instanceContext failed,check js stack -> at useStore (app-service.js:2309:15)解决方案
bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......
vue3+vite项目优化静态资源使用云存储
项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......
vue2+element 表单内使用el-rate组件时，校验失败后重新校验通过了，但校验提示信息未消除
问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......
Vue3中的Pinia
什么是Pinia 官方文档：https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = re ......
直播系统源代码，vue二种方式根据条件判断显示不同样式
直播系统源代码，vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式，只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......
class dump使用方式和原理
class dump使用方式和原理 一、安装 官网下载安装包完成后，将class-dump复制到usr/bin文件夹下 如果这个时候没有发现usr文件夹 说明其隐藏起来了 去查询mac系统下怎么显示隐藏文件 发现mac os 10.11不让复制 没有这个权限 解决办法如下： 重启电脑，按住 co ......
vue3 之 ArcoPro 后台管理系统
一、资料链接 Arco Design 的官网：https://arco.design/ Arco Design开箱的管理系统预览：https://vue-pro.arco.design/login vue3 项目创建的指南：https://arco.design/vue/docs/pro/start ......
el-check省市区选择组件 vue3
引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......
父组件 同步修改/传值 子组件 vue3
父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......
echart 防止多次渲染 无数据时显示暂无数据 vue3
//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数组对比大小 vue3
let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......