![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记
张小浪
一个充满干劲的前端小白,菜
展开
-
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 · 314 阅读 · 0 评论 -
Video.js的使用及如何设置带声音自动播放
简单实现做记录,附上git地址。原创 2023-06-14 18:19:56 · 1671 阅读 · 0 评论 -
暂停当前pending的发送请求(axios)封装
数据加载pending时,数据列表加载有误,当切换加载时停掉之前pending的请求原创 2023-03-16 16:47:46 · 231 阅读 · 0 评论 -
vue中针对键盘Delete按钮的监听
在上述过程中加了INPUT和TEXTAREA的判断,因为当光标在两个dom元素中时,按delete会删除输入的内容,所以加了判断。原创 2022-11-16 15:39:03 · 1607 阅读 · 0 评论 -
Vue3中全局组件的使用
Vue3中全局组件的使用原创 2022-09-05 11:05:12 · 2454 阅读 · 0 评论 -
vue中点击页面其他地方隐藏元素效果
vue中点击页面其他地方隐藏元素效果,利用 tabindex 属性,使dom元素具备blur失去焦点事件。原创 2022-08-18 17:28:57 · 1914 阅读 · 0 评论 -
el-table中的toggleRowSelection无效
el-table中的toggleRowSelection无效问题原创 2022-08-15 17:37:02 · 4059 阅读 · 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 · 6445 阅读 · 0 评论 -
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 · 2361 阅读 · 0 评论 -
关于在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 · 6545 阅读 · 0 评论 -
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 · 290 阅读 · 0 评论 -
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 · 10946 阅读 · 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 · 1875 阅读 · 0 评论 -
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 · 2236 阅读 · 0 评论 -
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 · 142 阅读 · 0 评论 -
Echarts气泡图(相邻效果,气泡之间不叠加)
基于echarts和D3.js实现的相邻气泡效果图原创 2022-01-28 11:24:57 · 9574 阅读 · 26 评论 -
vue3中使用swiper7及autoplay无效问题
vue3中使用swiper7及autoplay无效问题原创 2022-01-21 09:35:09 · 4323 阅读 · 3 评论 -
vue3.0实现标签云(或词云)
使用插件实现标签云原创 2021-12-30 16:56:06 · 3697 阅读 · 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 · 5555 阅读 · 0 评论 -
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 · 3143 阅读 · 0 评论 -
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 · 3821 阅读 · 1 评论 -
在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 · 3022 阅读 · 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 · 1537 阅读 · 0 评论 -
获取两个数组的并集、交集、差集的方法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 · 689 阅读 · 0 评论 -
el-tree操作数,子级选中父级全部选中,父级取消选中子级全部取消选中,父级选中子级不选中
1原创 2021-09-06 13:35:22 · 1582 阅读 · 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 · 277 阅读 · 0 评论 -
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 · 2708 阅读 · 2 评论 -
解决pre-commit hook failed (add --no-verify to bypass)的问题
进入项目的.git文件夹下面hooks文件夹,手动删除pre-commit文件原创 2021-07-10 16:22:33 · 199 阅读 · 0 评论 -
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 · 857 阅读 · 1 评论 -
umi-request上传FormData类型问题
一、全局封装的headers里需要去掉 下面内容二、在封装的API中添加requestType: 'form' 注意不要设置headers,umi-request会自己转换三、为解决时如下解决后原创 2021-05-17 16:49:08 · 6060 阅读 · 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 · 2651 阅读 · 2 评论 -
element中dialog关闭时调用父组件方法报错
首先,我没有在子组件中直接修改父组件中的值,报错时因为我在关闭 el-dialog 的时候使用了 @close在把@close方法改成:before-close 解决了报错的问题原创 2020-11-05 17:58:52 · 1466 阅读 · 0 评论 -
React生命周期方法之 componentDidUpdate
转载链接http://blog.csdn.net/star_zone/article/details/105037101转载 2020-09-15 22:08:20 · 1260 阅读 · 0 评论 -
js根据路径下载文件及自定义下载文件名称
第一种方法只能下载文件无法修改名称// 使用创建iframe标签的方式来下载文件// 注意 1、 yourURl 是你要下载文件的链接路径 // 2、 ?response-content-type=application/octet-stream 这段拼的参数 //你也可以去掉看看能否下载,因为我的下载路径是 阿里的oss 需要带参数才能能实现下载,否则是线上预览功能,//这里如果你的后端给你的路径已经做处理了那么你就不用带我这个参数了var elemIF = document.cre原创 2020-09-15 21:06:34 · 8663 阅读 · 3 评论 -
react脚手架工程中使用less及CSS Modules
首先暴露webpack相关配置 执行如下代码npm run eject下载 less及less-loader 我这里使用的yarn 你们根据你们的情况进行下载yarn add less less-loader进入到根目录下config中的webpack.config.js 配置文件中 在sass-loader 的后面添加如下代码大概493行左右 // Less 解析配置 { test: lessRegex, ...原创 2020-09-13 20:04:02 · 357 阅读 · 0 评论 -
react 配置组件路径引用 @ 来表示src根路径
create-react-app 创建的项目,看不到 webpack 相关的配置文件,需要先暴露出来,使用如下命令即可npm run eject在config中修改配置文件webpack.config.js resolve: { ... alias: { ... // 路径引用 @ '@': paths.appSrc, } }重新启动项目...原创 2020-09-13 11:00:04 · 1522 阅读 · 0 评论 -
保留一位小数和保留两位小数
保留一位小数export const inputTake2AfterDot =(obj:any)=>{ // return value.toString().match(/^\d+(?:\.\d{0,2})?/) // 清除"数字"和"."以外的字符 obj.value = obj.value.replace(/[^\d.]/g,""); // 验证第一个字符是数字 obj.value = obj.value.replace(/^\./g,""); // 只保留第一个,原创 2020-09-10 20:46:48 · 941 阅读 · 0 评论 -
js实现查看一个数组对象中是否包含另一个数组对象中的值
//两个数组对象中查看 其中一个数组对象是否包含另一个数组对象中的值 let arr = [ {key:1,val:"张胜男"}, {key:2,val:"王五"}, {key:3,val:"李四"}, {key:4,val:"刘超"}, {key:5,val:"赵四"} ] let arr2 = [ {key:1,val:"张胜男"}, {key:2,v...原创 2020-09-10 19:47:41 · 14704 阅读 · 1 评论 -
运行npm run eject报错解决方法
在使用 npxcreate-react-app test 创建项目后 cd test1、git init2、git add . // 注意有 . 不要落下3、git commit -m 'first git'然后在执行npm run eject 即可注意原创 2020-08-04 22:21:36 · 564 阅读 · 0 评论 -
关于h5页面苹果手机使用fixed定位tabbar最底部时遮挡内容问题
在使用uni-app时,自己写了个底部tabbar导航栏,出现了tabbar遮挡内容的问题,如下图所示;刚开始的时候,使用了顶部盒子padding-bottom 来时底部盒子撑开,但是在chrome浏览器中查看,效果无误但是呢!!!当任务数据一旦多了之后,还是会有遮挡问题,并且遮挡问题在ios也就是苹果手机上的浏览器中打开没有实现想要的效果;百度多次查询文档,并没有发现可行的办法,最后是在微信的技术群里提出的问题,还好啊,三个技术群就一个正八经的能给你解答问题的,剩下的都是叫你去百.原创 2020-07-12 11:50:29 · 5049 阅读 · 2 评论