- 博客(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
656
转载 16.echarts X轴像直尺一样设置刻度
在做老师的项目的时候,老师让我们实现X轴的直尺刻度显示,网上查了查相关代码,大家都没有明确介绍,因此我在这里记录一下,自己的学习。先看实现效果:对echarts的xAxis,yAxis这两个属性进行修改即可实现。xAxis: [ { //第一个{}是原X轴配置参数 type: 'category', axisTick: {undefined alignWithLabel: false }, .
2022-02-18 11:16:54
7216
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
307
原创 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
672
原创 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
1519
原创 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
98
原创 10.beforeunload事件如何存储vuex
beforeunload事件如何存储vuex当浏览器页面或者窗口进行刷新或者关闭操作的时候会触发这个事件window.addEventListener('beforeunload',()=>{ sessionStorage.setItem('store',JSON.stringify(this.$store.state)) })}
2021-11-05 11:29:25
236
原创 9.解决elementUI中el-table的合计不显示问题
解决elementUI中el-table的合计不显示问题!!在updated中写入> 前提table需要ref=“table”this.nextTick(()=>{ this.$refs['table'].doLayout();})
2021-11-05 11:14:32
2972
3
原创 8.困扰很久的二级路由刷新报错问题!
二级路由刷新报错原因:一级路由成了根目录,从而报错在build/dev.config.js的output中写入publicPath:"/",重启项目即可。
2021-07-23 14:47:36
353
原创 7.在多个tab中多个echart图初始化混乱!
在tab中多个echart初始化混乱解决方式通过使用v-if="activeName==‘xxx’"来决定是否显示当前tab。
2021-07-23 14:43:33
176
原创 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
1658
原创 4.cmd中git reflog 对于中文乱码显示的解决
cmd中git reflog 对于中文乱码显示的解决cmd中:set LESSCHARSET=utf-8这样就解决了在cmd中出现中文乱码情况。
2020-10-04 22:12:18
710
原创 3.JavaScript中的闭包
JavaScript中的闭包概念闭包是函数的一种高级应用方式;通过建立一个不被销毁的存储空间,来在函数的外部调用和使用函数内部的数据定义闭包的三个条件三个条件缺一不可1.定义个函数a,返回值是函数b2.在返回值函数b中,使用函数a定义的局部作用域变量3.在函数a的外部,引用函数a,并且执行返回函数b闭包举例代码function funA(){ let a=1; le...
2020-03-06 19:44:15
111
原创 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
1472
原创 1.NaN是什么?
NaN是什么?在JavaScript中,NaN代表的不是一个具体的数值。在进行不正当的运算之后,得到的结果,如图所示。是因为在不能正确的执行而出现了这样一个结果. let a='helloworld'; console.log(a*3);像这种,并不能得到数值的情况,就会出现结果NaN。因为NaN不代表任何数据,也就是说,它不等于任何值,当然也包括,不等于自己。console.lo...
2020-03-01 21:07:46
708
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人