自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 17.vue中模块的拖拽-vuedraggable

使用方法:import draggable from "vuedraggable"<draggable v-model="dataList" @end="xx"> <transition-group> //需要循环的模块 v-for...dataList </transition-group></draggable>还有更加详细的使用方法可见https://www.cnblogs.com/qwer123dsada/p/12356698

2022-02-21 14:12:37 583

转载 16.echarts X轴像直尺一样设置刻度

在做老师的项目的时候,老师让我们实现X轴的直尺刻度显示,网上查了查相关代码,大家都没有明确介绍,因此我在这里记录一下,自己的学习。先看实现效果:对echarts的xAxis,yAxis这两个属性进行修改即可实现。xAxis: [ { //第一个{}是原X轴配置参数 type: 'category', axisTick: {undefined alignWithLabel: false }, .

2022-02-18 11:16:54 6941 1

原创 15.好用的换行(在块里,字符没有换行如何来进行设置)

超好用的换行!word-wrap: break-word;word-break: break-all;overflow: hidden;那么相关的一些换行属性还有哪些呢?work-break: normal;// 使用浏览器默认的换行规则work-break: brea-all;// 允许在单词内换行work-break: keep-all;// 只能在半角、空格或连子符处换行white-space: nowrap;// 文本不换行,文本会在同一行上继续知道遇见换行标签...

2022-02-18 10:34:59 228

原创 14.navigator.userAgent属性检查浏览器类型

如何使用navigator.userAgent属性检查浏览器类型!navigator.userAgent属性是什么是个只读的字符串。声明浏览器用于HTTP请求的用户代理头的值。如何检查let a= navigator.userAgent;if(a.indexOf('Opera')){ return 'Opera'}else if(a.indexOf('Firefox')){ return 'FireFox'}else if(a.indexOf('Edge')){ return 'Ed

2021-12-09 14:29:05 597

原创 13.在el-upload组件上传资源弹窗出现前的一些操作

如何在el-upload组件上传资源弹窗出现前做一些操作!通过的按钮,触发el-upload组件,并且在弹出上传文件窗口前,想做一些判断或者提示之类的操作时,这个能够弹出窗口的按钮就不能写在el-upload里面了。将上传文件的按钮和el-upload组件分开写,触发按钮时可以直接加入其他操作,等到需要那个上传资源的弹窗弹出时,加入如下代码。this.$refs['el-upload组件的ref'].$refs['upload-inner'].handleClick();...

2021-12-09 14:19:28 1329

原创 12.因为不常用总是被忽视的弹性盒模型更换主轴方向

总是被忽视的弹性盒模型更换主轴方向flex-direction: column;

2021-11-05 11:36:51 137

原创 11.最有效的多行文本省略号

最有效的多行文本省略好!!!height: 30px;width: 50px;color: #000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;

2021-11-05 11:34:39 58

原创 10.beforeunload事件如何存储vuex

beforeunload事件如何存储vuex当浏览器页面或者窗口进行刷新或者关闭操作的时候会触发这个事件window.addEventListener('beforeunload',()=>{ sessionStorage.setItem('store',JSON.stringify(this.$store.state)) })}

2021-11-05 11:29:25 195

原创 9.解决elementUI中el-table的合计不显示问题

解决elementUI中el-table的合计不显示问题!!在updated中写入> 前提table需要ref=“table”this.nextTick(()=>{ this.$refs['table'].doLayout();})

2021-11-05 11:14:32 2793 3

原创 8.困扰很久的二级路由刷新报错问题!

二级路由刷新报错原因:一级路由成了根目录,从而报错在build/dev.config.js的output中写入publicPath:"/",重启项目即可。

2021-07-23 14:47:36 293

原创 7.在多个tab中多个echart图初始化混乱!

在tab中多个echart初始化混乱解决方式通过使用v-if="activeName==‘xxx’"来决定是否显示当前tab。

2021-07-23 14:43:33 142

原创 6.这些天react中遇到的swiper坑!!!!

如何在react中使用swiper(个人用法,不喜勿喷)安装cnpm install swiper -S使用在所需组件中引入import {Swiper,SwiperSlide} from 'swiper/react'import 'swiper/swiper.scss'组件return出的代码<div className={allclass.main}> <Swiper slidesPer

2020-11-09 11:14:00 1538

原创 4.cmd中git reflog 对于中文乱码显示的解决

cmd中git reflog 对于中文乱码显示的解决cmd中:set LESSCHARSET=utf-8这样就解决了在cmd中出现中文乱码情况。

2020-10-04 22:12:18 625 1

原创 3.JavaScript中的闭包

JavaScript中的闭包概念闭包是函数的一种高级应用方式;通过建立一个不被销毁的存储空间,来在函数的外部调用和使用函数内部的数据定义闭包的三个条件三个条件缺一不可1.定义个函数a,返回值是函数b2.在返回值函数b中,使用函数a定义的局部作用域变量3.在函数a的外部,引用函数a,并且执行返回函数b闭包举例代码function funA(){ let a=1; le...

2020-03-06 19:44:15 84

原创 2.JavaScript中的设计模式——基础的三种

JavaScript中的设计模式设计模式,是针对特定问题,给出简洁而优雅的解决方案。Javascript中常见的设计模式有很多种:1.单例模式2.策略模式3.代理模式4.迭代器模式5.发布-订阅模式6.命令模式7.组合模式8.模板方法模式9.享元模式10.职责链模式11.中介者模式12.装饰者模式13.状态模式14.适配者模式在初学JavaScript时,先介绍三...

2020-03-01 21:38:44 1387

原创 1.NaN是什么?

NaN是什么?在JavaScript中,NaN代表的不是一个具体的数值。在进行不正当的运算之后,得到的结果,如图所示。是因为在不能正确的执行而出现了这样一个结果. let a='helloworld'; console.log(a*3);像这种,并不能得到数值的情况,就会出现结果NaN。因为NaN不代表任何数据,也就是说,它不等于任何值,当然也包括,不等于自己。console.lo...

2020-03-01 21:07:46 659

空空如也

空空如也

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

TA关注的人

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