自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(68)
  • 收藏
  • 关注

原创 Mac电脑每次修改完java的版本后,没有成功

你可能会看到 /bin/bash或 /bin/zsh,这里如果你是 /bin/bash说明你的默认shell是bash,那么你修改配置文件.bash_profile生效。这个问题通常是由于系统默认使用的Shell不同导致的。在Mac上,默认的Shell是bash,但是在较新的版本中,默认的Shell已经改为了zsh。问题,本地有多个java版本8,11,15,17但是每次执行代码后,版本没有变化。如果你的输出是/bin/zsh,那么说明你的shell是zsh,这种情况你需要修改配置文件.zshrc执行。

2023-12-02 10:44:04 268

原创 Video.js的使用及如何设置带声音自动播放

简单实现做记录,附上git地址。

2023-06-14 18:19:56 1346

原创 动态加载svg,根据path路径移动动画,配置关键帧实现动画效果(移动和透明度)最后附上gitee地址

svg路径关键帧动画效果。

2023-06-06 14:34:45 2380

原创 vue项目基于D3js的3D饼图实现(五)

纵向普通图例的实现,效果图如下。

2023-05-09 10:57:48 800 1

原创 vue项目基于D3js的3D饼图实现(四)

横向图例翻页的实现,效果图如下。

2023-05-08 17:27:11 220

原创 vue项目基于D3js的3D饼图实现(三)

创建横向普通图例的实现,效果图如下。

2023-05-08 16:31:45 632

原创 vue项目基于D3js的3D饼图实现(二)

注意这里在Pie3D.vue文件中加了一个sfShowLabel的配置项。在pie.js中添加如下代码。

2023-05-08 14:40:59 171

原创 vue项目基于D3js的3D饼图实现(一)

一个具有鼠标滑过提示框,图例联动,图例翻页的3D饼图

2023-05-08 13:54:37 1162 1

原创 暂停当前pending的发送请求(axios)封装

数据加载pending时,数据列表加载有误,当切换加载时停掉之前pending的请求

2023-03-16 16:47:46 211

原创 vue中针对键盘Delete按钮的监听

在上述过程中加了INPUT和TEXTAREA的判断,因为当光标在两个dom元素中时,按delete会删除输入的内容,所以加了判断。

2022-11-16 15:39:03 1547

原创 Vue3中全局组件的使用

Vue3中全局组件的使用

2022-09-05 11:05:12 2418

原创 vue中点击页面其他地方隐藏元素效果

vue中点击页面其他地方隐藏元素效果,利用 tabindex 属性,使dom元素具备blur失去焦点事件。

2022-08-18 17:28:57 1870

原创 el-table中的toggleRowSelection无效

el-table中的toggleRowSelection无效问题

2022-08-15 17:37:02 3860 2

原创 el-date-picker手动控制时间选择器的显示和隐藏

一、利用官方给定的事件来触发二、实现基本代码<!-- --><template> <div> <el-date-picker ref="time" v-model="value" type="datetime" placeholder="Select date and time" /> <el-button type="primary" @click="handleClickShow">点我显示</el-butto

2022-04-11 14:33:47 5893

原创 el-menu配合vuedraggable实现拖拽功能

一、效果图二、版本号三、代码段<!-- 拖拽 --><template> <draggable :list="defaultList" @change="changeLog" item-key="id" :move="checkMove" > <template #item="{ element }"> <div> <el-menu style="width:300p...

2022-03-23 16:11:07 2211

原创 关于在vue中使用CodeMirror来编辑SQL

一、效果图二、代码段Mycode.vue 组件代码<template> <div class="codemirror-div"> <textarea v-model="value" label="SQL脚本语句" style="width:200px" id="mycode" cols="30" rows="10"></textarea> </div></template><script>..

2022-03-17 09:31:19 6323

原创 el-tree单选加节点过滤

<template> <div class="eltree"> <el-input v-model="filterText" placeholder="Filter keyword" /> <el-tree ref="tree" :data="treeData" show-checkbox node-key="id" :props="defaultProps" :check-strictly="true" @...

2022-03-02 14:11:33 276

原创 el-menu导航鼠标移入背景色,字体颜色改变,及文字过长,显示省略号,鼠标悬停显示全文

一、上效果图二、上代码<template> <div class="about"> <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" > <el-sub-menu index="1"> <templat

2022-02-18 17:07:37 9591 4

原创 在Vue中子组件click事件触发父组件mousedown事件

父组件中使用了@mousedown<div @mousedown="handleMouseDown($event)" 我是父组件按钮</div> handleMouseDown(e){ // e.stopPropagation() // e.preventDefault console.log("父组件点击了") }方法就是子组件中不要使用click,也使用mousedown ,然后使用e.preventDefault()与e

2022-02-17 16:49:48 1793

原创 echarts实现平面3D柱状图

参考文档https://www.jb51.net/article/221784.htm注意实现版本代码如下<!-- 3D柱状图 --><template> <div id="bar" style="width:800px;height:800px"></div></template><script>import * as echarts from 'echarts/core';import { L..

2022-02-15 11:57:04 2196

转载 The server time zone value ‘�й���׼ʱ��‘ is unrecognized or represents more than one time zone错误的解决办法【

The server time zone value '�й���׼ʱ��' is unrecognized or represents more than one time zone错误的解决办法【已解决】 - struggle6 - 博客园

2022-02-12 14:54:53 137

原创 Echarts气泡图(相邻效果,气泡之间不叠加)

基于echarts和D3.js实现的相邻气泡效果图

2022-01-28 11:24:57 9141 26

原创 vue3中使用swiper7及autoplay无效问题

vue3中使用swiper7及autoplay无效问题

2022-01-21 09:35:09 3840 3

原创 vue3.0实现标签云(或词云)

使用插件实现标签云

2021-12-30 16:56:06 3513 8

原创 element-plus按需引入及配置locale国际化版本1.0.2-beta.31

适用于vue_cli创建项目使用一、按需引入1、下载插件npm i babel-plugin-import -D2、在项目根目录配置babel.config.js文件module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins:[ [ "import", { libraryName:'element-plus', cus

2021-12-14 16:43:38 5307

原创 js将utf-8转为中文

// UTF8编码转成汉字字符串function revertUTF8(szInput) { var x,wch,wch1,wch2,uch="",szRet=""; for (x=0; x<szInput.length; x++) { if (szInput.charAt(x)=="%") { wch =parseInt(szInput.charAt(++x) + szInput.charAt(++x),16); if (!wch) {break;} if (!(wch.

2021-12-14 16:28:14 3685 1

原创 java.util.Date cannot be cast to java.sql.Date

在自学java的过程中遇到将date类型的数据存入数据库package com.atguigu2.preparedstatement.crud;import com.atguigu.connection.ConnectionTest;import org.junit.Test;import java.io.IOException;import java.io.InputStream;import java.sql.Connection;import java.sql.DriverM.

2021-12-06 22:04:13 3088

原创 在Vue3 vue-cli4 中配置按需加载Element Plus 及 Invalid options in vue.config.js: “plugins“ is not allowed 错误的处

创建项目的过程我就详细描述了,直接从element plus 的引入说起一、按照官网的三种方式引入 element二、安装所需插件npm install unplugin-vue-components三、创建vue.config.js文件按照官网方式写入如下代码const Components = require('unplugin-vue-components/webpack')const { ElementPlusResolver } = requir..

2021-11-04 10:23:56 2962 4

原创 vue3 Ts 中按需加载Vant3模块

一、创建项目基于vuecli4.5来创建项目的vue create 你的项目名选择 vue3 和TS二、引入vant第一步:下载vant包yarn add vant@next三、引入ts-import-plugin模块yarn add ts-import-plugin四、创建vue.config.js配置如下:const merge = require('webpack-merge');const tsImportPluginFactory = re..

2021-11-03 17:52:32 1476

原创 获取两个数组的并集、交集、差集的方法new Set()实现

// set 集合const s01 = [1,2,3,4,5];const s02 = [4,5,6,7,8];// 求两集合的并集、交集、差集// 1.并集function combine(arr1, arr2){ return [...new Set([...new Set(arr1), ...new Set(arr2)])];}// 2.交集function union (arr1, arr2){ return [...new Set(arr1)].filter((item.

2021-11-02 10:50:39 660

转载 vuex怎么使用?vuex使用步骤详解(附代码)

vuex怎么使用?vuex使用步骤详解(附代码)-js教程-PHP中文网

2021-09-15 15:49:48 89

原创 el-tree操作数,子级选中父级全部选中,父级取消选中子级全部取消选中,父级选中子级不选中

1

2021-09-06 13:35:22 1465 1

原创 vue监听对象中的某个值,$watch的使用

<template> <div> <el-form ref="ruleForm" :model="ruleForm" label-width="80px"> <el-input v-model="ruleForm.name" placeholder="姓名"></el-input> <el-input v-model="ruleForm.age" type="number".

2021-07-22 16:43:55 256

原创 el-tree实现单选(父节点可单选)

<template> <div> <el-tree ref="tree" :props="props" :load="loadNode" node-key="name" :check-strictly="true" lazy show-checkbox @check-change="handleCheckChange" > </el-tre.

2021-07-22 11:53:59 2544 2

原创 解决pre-commit hook failed (add --no-verify to bypass)的问题

进入项目的.git文件夹下面hooks文件夹,手动删除pre-commit文件

2021-07-10 16:22:33 183

原创 vue文件对多个vuex模块中的state进行引用

利用 createNamespacedHelpers 对新的模块进行命名 ,在使用...mapState*** 来进行引用import { mapState ,createNamespacedHelpers,mapMutations} from 'vuex'const { mapState:mapStatePers } = createNamespacedHelpers("permission")export default { computed: { ...mapSta.

2021-07-08 11:29:33 832 1

原创 umi-request上传FormData类型问题

一、全局封装的headers里需要去掉 下面内容二、在封装的API中添加requestType: 'form' 注意不要设置headers,umi-request会自己转换三、为解决时如下解决后

2021-05-17 16:49:08 5793 2

原创 this.cropper.getCroppedCanvas is not a function如何解决(React-Cropper)

在React-Cropper实现图片裁剪的使用中 在使用这段代码的时候 报错解决方法一:查看你的 react-cropper版本 我这里的版本是你可以将 react-cropper的版本降到"react-cropper":"^1.2.0" 1.*的版本即可解决方法二(推荐):按照官方的解释,2.*版本开始弃用ref 的形式 而使用 onInitialized附上组件代码供参考import React ,{Component} from 'react'...

2021-05-09 16:59:59 2572 2

原创 element中dialog关闭时调用父组件方法报错

首先,我没有在子组件中直接修改父组件中的值,报错时因为我在关闭 el-dialog 的时候使用了 @close在把@close方法改成:before-close 解决了报错的问题

2020-11-05 17:58:52 1395

转载 React生命周期方法之 componentDidUpdate

转载链接http://blog.csdn.net/star_zone/article/details/105037101

2020-09-15 22:08:20 1248

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除