自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue项目引入eslint

vue引入eslint

2022-08-11 09:46:51 675 1

原创 uniapp 原生video标签问题

uniapp中使用原生video标签

2022-06-29 16:08:47 1304

原创 uniapp 长按保存图片功能

前端根据div生成base64位图片,下载到手机

2022-06-14 13:32:38 2187

原创 vue-router打开新的tab页

const path = '/approval'const { href } = this.$router.resolve({ path, query: { id: res.data}}) window.location.href = href

2022-05-11 11:11:10 1472

原创 浏览器切换tab页js事件visibilitychange

document.addEventListener('visibilitychange', function() { if (document.visibilityState === 'visible') { // 状态判断:显示(切换到当前页面) clickListenerMethod() window.addEventListener('click', clickListenerMethod) } else if (document.vis...

2022-02-22 11:38:15 1159

原创 el-table中span-method合并单元格报错

开发过程中用到了elementUI中table组件,合并单元格时遇到了You may have an infinite update loop in a component render function.经排查发现时由于方法中 在data 中定义了变量firstName 并使用与改变了该变量的原因尽量将变量定义到方法内objectSpanMethod({ row, column, rowIndex, columnIndex }) { const length = this.list.f

2022-02-18 14:37:29 1563

原创 web端打印功能(window.print())

关键代码如下:function printTable() { // setTimeout可以不用,我这里是做了其他操作,所以做了一个异步操作 setTimeout(() => { //获取要打印的页面部分 const printHtml = document.getElementById('printContent').innerHTML //打开一个新窗口进行打印,直接调用windo.print打印会有bug, c

2021-09-27 09:21:41 643

原创 根据二进制头文件检验多媒体文件类型

const JPEG_SOI = [0xFF, 0xD8]export function getFileTypeByHeadContent(file) { //file 实际上是一个 Blob 对象 //读取 Blob 对象的前8个字节 const fileHeader = file.slice(0, 8) return new Promise((resolve, reject) => { const reader = new FileReader() reader.

2021-07-22 10:13:25 498

原创 js实现节流与防抖(throttle&&debounce)

函数防抖是指在事件被触发 n 秒后再执行回调,如果在这 n 秒内事件又被触发,则重新计时。函数节流是指规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只有一次能生效。throttle(节流) 预先设定一个执行周期,当调用动作的时刻大于等于执行周期则执行该动作,然后进入下一个新周期。debounce(防抖): 当调用动作n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间。例如, 2s内点击多次,只生效一次。

2021-06-02 10:42:33 218

原创 echarts折线图事件监听

记录echarts折线图添加鼠标事件监听失效问题{ symbol: 'none', name: '接收', data: [0, 1, 2, 3], type: 'line',}鼠标需要在折线图的拐点圆圈才能触发事件,symbol: 'none’就把拐点圆圈删除了

2021-04-06 15:22:37 745

原创 基于flvjs的视频自动播放

1: html<video class="video-content" id="video"> 您的浏览器不支持 HTML5 video!</video>2: 创建flv实例并播放let videoPlayer = document.getElementById('video'); //获取htmlif (flvJs.isSupported()) { //创建flv实例 this.Player = flvJs.createPlayer({//MediaDataSou

2021-01-14 14:18:56 5700 3

转载 vue-router种query和params传参问题

做项目过程中发现params传参,取值$route.params={}, 经过查找资料发现 query传参可以用path+query或者name+query, 但是params传参只能采取params+namethis.$router.push({ name: 'name', params: { params1: 'params1', params2: 'params2' }});this.$router.push({ path: 'name', query: { query

2020-12-02 15:38:38 384

原创 实现元素垂直水平居中的四种办法

(1)利用line-height+ text-align<div id="box"> <div>垂直水平居中</div></div> #box { height: 120px; line-height: 120px; //垂直居中 text-align: center; //水平居中}(2)利用flex/grid+ margin<div id="parent"> <div class="ch

2020-11-02 13:49:39 167

原创 EchartsX轴文字过长悬浮显示

最近开发遇到了个需求, 图标的x轴显示过长, 也没找到echats的原生支持办法,网上的都是基于jquery的, 在vue框架里不能用, 所以查阅资料改进一下一: 用echarts支持的办法把x轴超出字设为…triggerEvent: true,axisLabel: { formatter: function (params) { let val = ''; if (params.length > 6) { val = params.substr(0, 6) + '...';

2020-08-14 13:35:53 2228

原创 echarts导出图片功能

导出按钮<div ref="chart"> <div>/*echart图标*/<botton @click="download">图片</botton>data属性data(){return { chart: null //chart实例 }}导出方法** 在此不写echart报表生成方式,直接调用echart相关api **...

2020-04-11 16:23:26 3042

翻译 el-table-column中加入插槽后元素浮动显示(tooltip)

show-overflow-tooltip 补全浮动少于三个点不显示加样式控制加插槽,加样式<el-table-column label=""> < template slot-scope="scope"> < span class='class名' :title="{scope.row.元素}">{scope.row.元素} < /span...

2019-08-14 16:17:01 1685

翻译 vue对table数据增删改,并且视图实时更新

增加addData(){this.$set(table, index,//插入的位置,一般为table.lenth即表尾 {键:值,键:值,,,,,,}); }删除 deleteShowData(val) { //val是删除数据的下标,1是指删除一条 this.table.splice(val,1); },修改editField(){this.$set(ta...

2019-04-11 19:24:36 6310

原创 关于java图片上传的小demo

最基本头像上传功能的-wangedit+springboot+thymleaf1.上传时要配置虚拟路径和静态资源访问web: base: http://localhost:8888/mbtt/ upload-path: D:/image/ resources: static-locations: classpath:/META-INF/resources/,classpath...

2018-10-31 19:49:42 287

vue动态路由router.txt

vue动态路由router.txt

2021-12-06

空空如也

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

TA关注的人

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