`XiYu`_
码龄3年
  • 14,112
    被访问
  • 15
    原创
  • 165,664
    排名
  • 3
    粉丝
关注
提问 私信
  • 加入CSDN时间: 2019-07-05
博客简介:

小雨

博客描述:
一个小白不断学习的过程!
查看详细资料
  • 2
    领奖
    总分 103 当月 6
个人成就
  • 获得10次点赞
  • 内容获得7次评论
  • 获得12次收藏
创作历程
  • 10篇
    2021年
  • 5篇
    2020年
成就勋章
TA的专栏
  • JavaScript
    5篇
  • vue
    10篇
  • echarts
    1篇
  • element-ui
    7篇
  • es6
    1篇
  • Webstorm
    1篇
  • 正则表达式
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6前端框架
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

js 实现复制指定内容功能

参考了网友的写法,记录一下点击按钮 复制指定的内容 <el-button type="primary" @click="copyBtn">复制url</el-button> js代码: copyBtn() { let url = '111111' let txa = document.createElement("textarea"); txa.value = url; document.body.appendC
原创
发布博客 2021.12.08 ·
298 阅读 ·
0 点赞 ·
0 评论

Echarts 自定义工具栏事件 || 柱状图和饼状图之间的切换

echarts中有柱状图和折线图之间的切换,却没有柱状图和饼图直接的切换不过echarts有自定义工具栏方法,我们可以通过自定工具栏的方法来实现echarts没有的图形切换toolbox 中的 feature 自定方法 (title: 鼠标放上去显示的文字;icon: 自定工具栏的图标的path路径;onclick: 点击事件)在点击事件写自己要处理成的图形代码就行了, 下面有我的一个完整实例如何引入echarts,在我的上一篇文章中,完整代码:<template> <.
原创
发布博客 2021.11.27 ·
1288 阅读 ·
1 点赞 ·
3 评论

vue 项目 中使用echarts

安装依赖安装依赖 npm i echarts全局main.js 中引入 import echarts from ‘echarts’ || import * as echarts from ‘echarts’ 后者为5.0以上版本的引入指令挂载在prototype上 Vue.prototype.echarts = echarts页面中使用要等页面加载完毕再去执行 加载echarts的方法,否则不生效页面展示echarts地址: echarts官网...
原创
发布博客 2021.11.23 ·
724 阅读 ·
1 点赞 ·
2 评论

数组排序去重

1.去重对象数组unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));},2. 去重数字数组let data = [1,2,3,1,2]data = [...new Set(data)]数字数组排序data.sort(function(a, b){return a - b});对象数组排序 cars.sort
原创
发布博客 2021.11.22 ·
161 阅读 ·
0 点赞 ·
0 评论

js中获取当前日期 当月第一天和最后一天

js 中 获取当前日期 当月第一天 当月最后一天的方法export function timeThree() { // 当天 let thatDay = '' // 当月第一天 let oneDayTime = '' // 当月最后一天 let zDay = '' let date = new Date(); let curr_date = date.getDate(); let curr_month = date.getMonth() + 1; let cu
原创
发布博客 2021.11.22 ·
536 阅读 ·
0 点赞 ·
0 评论

vue 中数字转千分显示

vue中数字转千分显示export function numFormat(cellValue) { cellValue += ''; if (!cellValue.includes('.')) cellValue += '.'; return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) { return $1 + ','; }).replace(/\.$/, '');}页面中使用 使用前先引入方法e
原创
发布博客 2021.11.22 ·
361 阅读 ·
0 点赞 ·
0 评论

vue 数字前面加0 向上边界判断 向下不判断

<el-input v-model="num" style="width: 200px;" placeholder="" @input="updateNum($event)"> <el-button @click="numUpdate(1)" slot="prepend" icon="el-icon-minus"/> <el-button @click="numUpdate(2)" slot="append" icon="el-i
原创
发布博客 2021.08.04 ·
264 阅读 ·
0 点赞 ·
0 评论

vue 中 if...else判断 null undefined空字符串/空对象/是空数组

created() { this.getList() }, mounted() {}, methods: { getList() { let name = null let name1 = undefined let name2 = '' let name3 = 0 let name11 = 1 let name4 = '0' let name12 = '-1' let name5..
原创
发布博客 2021.08.04 ·
1502 阅读 ·
1 点赞 ·
0 评论

element-ui表格多选,每次只能选中一个并获取数据

element-ui表格多选,每次只能选中一个并获取数据工作中会碰到这种问题,表格但是只能选择一条,想要前面多选那个选中的样式首先要禁掉表格的全选<script scoped> /deep/ .el-table__header-wrapper .el-checkbox { display: none;}</style>注意: 要给表格设置ref1.html中<template> // 表格的 选中事件 当用户手动勾选数据行的 Checkbox
原创
发布博客 2021.06.21 ·
1430 阅读 ·
4 点赞 ·
1 评论

element-u中Checkbox 多选框只能选择一个

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
原创
发布博客 2021.06.21 ·
713 阅读 ·
2 点赞 ·
0 评论

ES6新特性 var let const 的区别

ES6新特性let const var的区别1.var声明的变量会挂载在window上,let和const声明的变量不会挂载在window上。var a = 10;console.log(window.a) // 10let b= 10;console.log(window.b) // undefined2.var声明的变量存在变量提升,let和const声明的变量不存在变量提升。变量提升即变量可以在声明之前使用,值为undefined。let命令改变了语法行为,它声明的变量一
原创
发布博客 2020.08.08 ·
333 阅读 ·
0 点赞 ·
1 评论

去掉webstorm的ESLint语法检测

去掉webstorm的ESlint检测语法打开设置Languages & Frameworks > javaScript > Code Quality Tools > ESlint然后点击Apply(应用),再点击OK,重启软件就好了
原创
发布博客 2020.06.26 ·
936 阅读 ·
1 点赞 ·
0 评论

监听路由变化,来改变导航栏背景色的改变

vue中监听路由来改变点击之后导航栏的背景颜色变化 watch: { $route(to, from){ } } // 给router-link添加背景颜色.router-link-active { background: #ffffff; }因为进入网站默认的是首页导航,所以给首页导航的router-link里面加上 “exact” 属性把第一个导航截取出来<router-link to="/" class="nav" tag
原创
发布博客 2020.06.18 ·
474 阅读 ·
0 点赞 ·
0 评论

在vue项目中使用zoom属性

这几天一个项目中用到了zoom这个属性,在网上看了很多别的大佬写的博客,始终达不到自己的结果没想到使用这个属性很简单,提前说这个火狐浏览器不支持这个属性,话不多说直接上代码给rouver-view动态绑定zoom属性 <router-view :style="`zoom:${ww}`"></router-view>在钩子函数中获取屏幕的实时宽度,然后你除以你做项目是的宽度,这个你要具体算在data中 data() { return {
原创
发布博客 2020.06.17 ·
2624 阅读 ·
0 点赞 ·
0 评论

js正则取出一个字符串小括号中的内容

var takeout = "abcdd(123)asdff";var abb = takeout.match(/\((.+)\)/g);/\((.+)\)/g运行结果如下:console.log(RegExp.$1) // 123
原创
发布博客 2020.06.17 ·
1890 阅读 ·
0 点赞 ·
0 评论
加载更多