![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
亲身经历
张小浪
一个充满干劲的前端小白,菜
展开
-
暂停当前pending的发送请求(axios)封装
数据加载pending时,数据列表加载有误,当切换加载时停掉之前pending的请求原创 2023-03-16 16:47:46 · 231 阅读 · 0 评论 -
vue中点击页面其他地方隐藏元素效果
vue中点击页面其他地方隐藏元素效果,利用 tabindex 属性,使dom元素具备blur失去焦点事件。原创 2022-08-18 17:28:57 · 1912 阅读 · 0 评论 -
el-table中的toggleRowSelection无效
el-table中的toggleRowSelection无效问题原创 2022-08-15 17:37:02 · 4057 阅读 · 2 评论 -
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 · 6544 阅读 · 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 · 289 阅读 · 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 · 10936 阅读 · 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 · 1873 阅读 · 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 评论 -
Echarts气泡图(相邻效果,气泡之间不叠加)
基于echarts和D3.js实现的相邻气泡效果图原创 2022-01-28 11:24:57 · 9567 阅读 · 26 评论 -
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 · 3820 阅读 · 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 评论 -
The href attribute requires a valid value to be accessible.Provide a valid, navigable address as the
在react中使用a标签报错,解决办法将<a href="#" >个人博客</a> 改成<a href="/#" >个人博客</a> 加个/ 即可原创 2020-02-12 20:43:30 · 4667 阅读 · 3 评论 -
小程序中的子组件将值传送给父组件
在小程序中分类样式tabbar写成单独的组件,在小程序首页时,点击不同的分类获取到对应的分类ID将作为参数发送给后台,点击事件写在子组件内,但是如何将得到的分类ID传到首页中获得呢?1、在子组件的js中的点击方法中获得想要的分类ID 最重要的是this.triggerEvent('myevent',{count:id}) 方法,在this.triggerEvent中myevent是我自...原创 2019-12-26 14:40:50 · 861 阅读 · 0 评论 -
js中的防抖
什么是防抖?触发某个事件在5秒后要执行函数function one(){ }函数 但是在这五秒内再次触发事件那么函数触发的时间将重新计算复制下面的代码看看吧~~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="...原创 2019-12-24 23:04:04 · 154 阅读 · 0 评论 -
谈谈~2018年北京的前端的面试经历
很好!我想大多数人都非常迫切的希望找一些相关前端的面试经历就像我一样。希望这篇博客能够帮助在路上的你,愿大家都有找到好的合适自己的工作。先给各位奉上一个GitHub的网址吧。里面有大家想要的面试题 点击打开链接。基本上面试题还是要背的,没别的办法如果你想拿到offer那么只能这样了。在我面试的这么多家公司来说基本上有笔试环节的题都是在这里见过的只不过博主也是个背东西超级费劲的二狗所以我认识他却不知...原创 2018-03-24 11:25:11 · 2810 阅读 · 4 评论