- 博客(41)
- 收藏
- 关注
RSS订阅原创 “Unexpected side effect in computed function“在计算属性中修改响应式数据报错
在这个示例中，fetchDataBasedOnTabsName 是一个异步函数，根据传入的 tabsName 参数向服务端发起请求，并返回相应的数据。如果项目没有使用类似的异步请求库，可以根据实际情况使用其他方法来获取数据。2.在计算属性中执行具有副作用的操作： 计算属性应该只是根据输入的数据计算新的值，而不应该执行可能引起副作用的操作，比如网络请求、异步操作等。1.在计算属性中修改响应式数据： 计算属性应该是纯粹的，不应该修改响应式数据。如果你在计算属性中修改了 data 中的数据，可能导致此错误。
2023-12-22 13:58:08
1798
原创 【error：Custom elements in iteration require ‘v-bind:key‘ directives】元素绑定:key
的元素上使用自定义元素时，Vue需要一个唯一的 key 来标识每个循环的元素。操作 新增==> (:key="chartData.ename")指令，为循环的每个元素提供一个唯一的标识符。在vue3中使用v-for操作的时候，报`，但我没有提供一个唯一的 key。对象中的某个属性作为 key。要解决这个问题，我只需要在。因为在Vue中，在一个使用。
2023-11-29 16:57:37
411
原创 配置Vite获取内网IP（Vue3项目ts版本获取本机局域网IP地址)
2.替换为你实际想要设置的基础IP地址，确保这是一个字符串。3.确保端口号配置正确，可以根据你的需求进行更改。接着保存文件。并且重新启动你的 Vite 项目。确保在重新启动后，新的配置生效。现在，import.meta.env.BASE_IP能够在项目中被正确访问，包含你在中设置的值。
2023-09-14 10:19:41
3172
原创 【elementUi】绘制自定义表格、绘制曲线表格
逻辑： 树：@check-change=“treeChart.handleCheckChange” 绑定点击选择事件，改变data.column3数据项；表格:columns="data.column3"绑定相对应的data.column3实现表格列自定义；逻辑:表格定义插槽，插槽中绘制一个div,div中的id 与绘制表格的自定义字段勾连起来，根据Id给对应的div绘制曲线图。勾选树和表格相连的逻辑处理。1.绘制树的部分结构代码。对应的setup内代码。
2023-08-14 10:23:00
1754
原创 Vue3项目中没有配置 TypeScript 支持,使用 TypeScript 语法
请注意，尽管可以使用 TypeScript 语法编写代码，但在没有进行 TypeScript 配置的情况下，将无法获得类型检查和代码提示等 TypeScript 提供的优势。在上面的示例中，我们使用 defineComponent 函数来定义一个 Vue 组件，并使用 TypeScript 的类型注解来指定数据和方法的类型。通过这种方式，可以在 Vue 3 项目中使用 TypeScript 语法，尽管项目本身没有进行 TypeScript 配置。
2023-07-25 16:52:36
1199
原创 Vue CLI在 CommonJS 模块中不支持顶级 await 语法的解决办法
它会在你的项目中安装并配置 esm 模块，以便你可以在项目中使用顶级 await 语法。这意味着你可以在组件的 setup() 函数中使用 await 关键字等待异步操作完成，然后再返回响应的值。默认情况下，它会将导入的 Promise 对象的名称设置为 __tla_1、__tla_2、__tla_3 等。指定导入顶级 await 语句的 Promise 对象的名称的函数。这些选项的作用是为了确保在使用顶级 await 语法时，导入和导出的 Promise 对象的名称都是。的，避免在应用程序中出现。
2023-06-12 09:48:57
2005
原创 【Git】拉取代码/提交代码
比较本地的master分支和origin/master分支的区别：git log -p master…从远程仓库origin/master分支获取最新代码到本地分支上：git fetch origin master。git pull origin master 进行 git fetch 和 git merge操作。🍉🍉🍉第一次从线上拉取代码到本地时，输入克隆命令：git clone 远程仓库地址。合并代码：git merge origin/master。从远程获取最新代码并合并到本地：git pull。
2023-04-25 10:33:53
3747
2
原创 vscode上新建一个新的vue项目
1.确认vscode+nodejs 环境已经配置好的情况下。2.在vscode打开本地存放项目的文件夹。（Node.js教程。3.安装vue-cli。
2023-03-08 15:45:12
177
原创 Echarts绘制多层树图
由于是多个子节点，并且要求全部显示出来，因此需要在series里加上expandAndCollapse属性( fasle:将折叠收起的子树展开，true:将子树折叠收起)echarts官网有相似例子，移步看树形图。Echarts绘制多层树图，如图所示。
2023-03-06 13:16:59
1780
原创 【Putty】Linux查看线上运行日志；删除putty中日志文件
后进入 cd /web/tomcat-Teel/bin 目录下(存放项目)2.查看日志，在运行线上项目时，会同步显示控制台日志。(base)下输入 rm -rf apps。输入ip.root.password之后。回到普通用户在启动tomcat。（root权限，再输入密码）ls （查看是否有apps）密码：**********先正常关闭tomcat。退出base：exit。
2023-01-29 09:24:45
1064
1
原创 Element ui表格控件实现多选和单选同时存在的功能
要求：Element ui表格控件，实现多选和单选同时存在的功能完成功能如图所示：🍉🍉🍉[鄙人遇到奇怪需求总是忍不住想要记录一下] 首先，官网有说明Table控件中，多选和单选的事件。
2022-10-13 15:53:35
2384
原创 echarts自定义视图数据(dataView)
因为我采用的是数组赋值的方式，因故代码做了稍许改动，以下是我的代码(重点是toolbox[工具] feature[自定义组件] dataView[数据视图] 中的optionToContent函数内)首先，先展示一下我这边的数据(数组格式生成，没有给x轴赋data)，因为有些曲线在某些下标中是没有值的情况下。然后查询资料，发现echarts中；它将自动采用下标赋值的方式去生成数据视图。如图所示：因为数据定义的时候，部分曲线下标是没有值的，如果按照x轴下标自动生成的话，这边数据将不匹配；...
2022-08-30 16:54:06
4721
2
原创 Eclipse小结【导入一个maven项目并运行时出现的那些奇奇怪怪的问题】
eclipse导入maven项目，配置maven环境，添加tomcat
2022-06-28 10:59:56
927
原创 echarts中根据x轴给曲线分段不同颜色
需要给曲线绘制不同颜色进行区分，如下图所示：关键点：visualMapoption = { title: { text: 'Distribution of Electricity', //标题 subtext: 'Fake Data' }, tooltip: { trigger: 'axis', //显示轴 axisPointer: { type: 'cross' } }, toolbox: { //工具栏 show
2022-03-09 14:06:36
4307
4
原创 【DB2】用UNION ALL查询时，子查询加ORDER BY
记录一下，今天查询sql时所遇到的一个小问题~通常情况下，我们会直接在查询语句后边加个order by，如下所示select * from 表1 order by 条件字段 descunion allselect * from 表2 order by 条件字段 desc然后这种写法往往出现以下这种错误：可以改写成以下这种方法：SELECT key FROM (SELECT key FROM 表1 WHERE 条件 ORDER BY 条件字段） aUNION ALLSELE
2022-01-25 13:49:42
2438
原创 js求数组总和、最大值、最小值、平均值、标准差
data是数组时function getX(data){ var len=data.length; //数组长度 var sum=0; //值相加的总和 var sums=0; //值-平均的总和 for(var i=0;i<len;i++){ sum+=data[i]; //总和 } //排序 arr.sort(function (a, b) { return a-b; }); var min = arr[0]; //最小值 var max
2021-12-01 14:55:17
2980
原创 JS中使用replace动态替换字符串
JavaScript replace() 方法 replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串基础语法stringObject.replace(regexp/substr,replacement)； var str="hello world!" var strs=str.replace(/hello/g, "nihao"); //console.log(strs); nihao world;动态操作： var InputIds="
2021-11-15 16:14:26
3740
原创 echarts动态设置y轴刻度的最大值、最小值、平均值
如上图所示，我需要给我的曲线绘制y轴的刻度线，分别为最大值(76)、平均值(64.0)、最小值(31)。根据不同条件展示不同的数据，因此，我的x,y轴数据都需要是动态的思路如下：1- 初始化图形(关键用到：特殊值 ‘dataMin’）2- 根据条件查询数据之后通过setOption赋值给series中的data3- 在没有设置y轴坐标轴yMax和yMin的前提下获取y轴坐标最大值，这个值由echarts自动生成根据echarts本身自带的函数，可自动获取所需数值方法一：获取y轴刻度的.
2021-10-29 14:23:42
21147
3
原创 List＜Map＞与Map合并与Map遍历
/** * 获取key的值 */ for(Object key : getSeriesMap.keySet()){ Object value = getSeriesMap.get(key); System.out.println("value1:"); System.out.println(value); } for(Object value : getSeriesMap.values()){ System.out....
2021-09-23 10:10:13
512
原创 DB2中sql查询中忽略大小写
db2中使字段忽略大小写这是我db2数据库字段数据，如下图所示，字段中同时包含大小写字母sql语句如下：SELECT * FROM 表名WHERE UPPER(字段名) like UPPER(参数)输出结果为：如果字段数据全是大学/小写，直接用 UPPER(字段名) =UPPER(参数) 或 **LOWER(字段名) =LOWER(参数)**即可；UPPER转大写LOWER转小写如果字段数据同时存在大写和小写，把 = 改成 LIKE 就ok了如果你需要编写xml举一示例(大同
2021-09-10 10:32:29
3073
原创 JAVA/JS针对常见的字符数据处理的一个总结(JS截取字符串，判断是否包含某个字符串及它出现的次数；JAVA数据四舍五入，去掉科学计数法，截取特定符号之前或之后的数据）
对数据做处理的一个总结：JS操作：示例1： AA-BB-CC-DD 要求截取第二个 - 后面的数据，要求输出结果为：CC-DD代码： var str="AA-BB-CC-DD"; var a = str.indexOf('_'); var d = str.substring(a+1,str.length); //截取第二个下划线 var b = d.indexOf('_'); var c = d.substring(b+1,b.length)
2021-09-07 15:15:27
337
原创 DB2主键id设置自增
create table HRPD.FIELDDES_TMPL( FID int NOT NULL primary key GENERATED ALWAYS AS IDENTITY (START WITH 1, INCREMENT BY 1 ), FNAME VARCHAR(100), CNAME VARCHAR(100), F_PART1 VARCHAR(50), F_PART2 VARCHAR(50), F.
2021-07-05 16:11:18
3512
原创 echarts中markline移动
需求要求：坐标轴上有俩条markline，并且可以单独移动？？？遇到这种需求我的第一反应就是上网百度，百度百度百度。哦买噶，我多么希望有个一模一样的，但是结果还真是我想多了。然后很头疼的自己去翻资料写。思路：首先先画出俩条markline,分别为X0，X1；在markline俩线条中间，添加一个graphic矩形Area其次在markline的X0，X1上各添加一个graphic矩形,确保X0，X1可移动，并且把矩形设置透明，并且这俩条Markline线条位置等于Area的矩形的位置
2021-06-18 13:42:50
4066
2
原创 echarts日历使用range区间时间，为什么获取不到最后一天？
echarts日历使用range区间时间，为什么获取不到最后一天？啊啊啊啊啊啊啊啊哭辽，获取的数据没毛病，不知道为啥，只要一把时间换成区间就不会显示最后一天。首先，写这个日历图我也是 根据官方给的文档（https://echarts.apache.org/zh/option.html#calendar.itemStyle），采用Range属性因为采用的是动态的，自己输入的时间。举个栗子 像2021-5-7 到2021-6-26这个范围的时间，我要把它显示出来。然后…最后一天永远是个空格？
2021-05-28 15:47:04
494
原创 echarts制作一个坐标图，里面放俩条曲线详细介绍
如图所示，想要这样一个双曲线图，需要在js中编写option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320].
2021-05-26 10:23:18
2035
原创 DB2数据库如何获取当前系统时间,具体到年月日时分秒
DB2数据库获取当前系统时间的方法如下：使用sysdate函数来获取当前时间。简单方便的执行语句：select sysdate from dual当然，DB2数据库略有不同获取当前时间，也可以采用该语句：SELECT current timestamp FROM sysibm.sysdummy1在此之前，有尝试好几种方法，发现都行不通，或许是我所采用的方法不对劲，你们可以试试。行不通的方法一：使用sysdate()获取当前时间，执行语句：“select sysdate()”行
2021-05-13 13:46:47
10783
转载 git从入门到精通，常用git命令，IDEA操作git，分支操作，合并分支
Git从入门到精通Git简介Git是一个开源的分布式版本控制系统，用以有效、高速的处理从很小到非常大的项目版本管理。Git的特点分支更快、更容易。支持离线工作；本地提交可以稍后提交到服务器上。Git 提交都是原子的，且是整个项目范围的，而不像 CVS 中一样是对每个文件的。Git 中的每个工作树都包含一个具有完整项目历史的仓库。没有哪一个 Git 仓库会天生比其他仓库更重要。Git 是用于 Linux内核开发的版本控制工具。与常用的版本控制工具 CVS, Subversion 等不
2021-05-12 11:26:17
140
原创 初步了解Java虚拟机JVM
Java虚拟机 JVMJVM是Java Virtual Machine（Java虚拟机）的缩写JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿 真模拟各种计算机功能来实现的。JVM就是一个虚拟的用于执行bytecodes字节码的计算机 • Java虚拟机是Java最核心技术，也是跨平台的基础。Java语言使用Java虚拟机屏蔽了与具体平台相关的信息，使得Java语言编译程序只需生成在Java虚拟机上运行的目标代码（字节码），就可以在多种平台上不加修改地运行。
2021-05-12 11:10:30
198
原创 在xml文件中对计算的值进行比较，用到＜、＞、＜=、＞=等运算符时，xml报错解决方法
记得去除&后面空格 TVT不去除空格我没法显示出来，它会自动转换方便观察，索性在&的后面都加了一个空格，用它的时候需要把空格去掉！！原符号替换符号<& lt;<=& it;=>& gt;>>& Gt;>=& gt;=&& amp;’& apos;"& quot;...
2021-05-08 11:40:40
431
原创 DB2：SQL查询俩字段的时间差将它精确到秒，TIMESTAMPDIFF方法详解
问题描述：求表中字段A与字段B的时间差如下图所示：我需要求A字段与B字段的时间差将时间差值精确到秒然后我采用的解决方法是TIMESTAMPDIFF，TIMESTAMPDIFF定义：函数日期或日期时间表达式之间的整数差以下是我的sql语句：SELECT TIMESTAMPDIFF(2, CHAR(TIMESTAMP(A)-TIMESTAMP(B))) TIMEFROM 表名结果如下：TIMESTAMPDIFF方法详解（1)TIMESTAMPDIFF(< n >,
2021-05-08 11:17:30
8848
4
原创 HashMap中get(““).ToString报NullPointerException空指针异常
遍历List，向HashMap中取值时出现问题今天敲代码的时候，发现在获取HashMap的值的时候，一直出现java.lang.NullPointerException空指针错误最开始代码取值方式是：String name=(String)map .get(“name”).toString();当这种方式不成功时，我又采用的第二种String name= String.valueOf(map.get(“NAME”));最后发现改成：发现使用String.valueOf,并且把获取字段改成
2021-04-30 15:39:44
1853
1
原创 JAVA从Redis(存储类型为HashMap)取值并进行排序
得到x=XXX格式的X和XXX值(2)redis存储数据格式是HashMap1.通过ArrayList构造函数将map.entrySet()转换成listList<Map.Entry<String,String>> list= new ArrayList<>(jedis.hgetAll(“redis的key值”).entrySet());2.通过比较器进行比较排序 Collections.sort(list, new Comparator<Map.
2021-04-30 14:27:13
1977
1
原创 JAVA连接redis的操作
得到x=XXX格式的X和XXX值(1)redis中某一个Key所储存的数据如下：1. 获取连接池配置对象 > JedisPoolConfig config = new JedisPoolConfig();2.设置最大连接数 > config.setMaxTotal(30);3.设置最大的空闲连接数 config.setMaxIdle(10);4.获得连接池: > JedisPool jedisPool = new JedisPool(poolCo
2021-04-30 14:18:22
146
1
原创 序列化和反序列化
序列化和反序列化1、定义2、优点3、用途4、使用1、定义序列化：把Java对象转换为字节序列的过程。序列化是指把一个Java对象变成二进制内容，本质上就是一个byte[]数组。为什么要把Java对象序列化呢？因为序列化后可以把byte[]保存到文件中，或者把byte[]通过网络传输到远程，相当于把Java对象存储到文件或者通过网络传输出去了。反序列化：把字节序列恢复为Java对象的过程。反序列化，把一个二进制内容（byte[]数组）变回Java对象。反序列化，把保存到文件中的byte[
2021-04-16 11:12:48
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人