- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
1576
原创 浏览器切换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
1220
原创 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
1870
原创 web端打印功能(window.print())
关键代码如下：function printTable() { // setTimeout可以不用，我这里是做了其他操作，所以做了一个异步操作 setTimeout(() => { //获取要打印的页面部分 const printHtml = document.getElementById('printContent').innerHTML //打开一个新窗口进行打印，直接调用windo.print打印会有bug, c
2021-09-27 09:21:41
723
原创 根据二进制头文件检验多媒体文件类型
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
561
原创 js实现节流与防抖(throttle&&debounce)
函数防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。函数节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。throttle（节流） 预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期。debounce（防抖）: 当调用动作n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间。例如， 2s内点击多次，只生效一次。
2021-06-02 10:42:33
252
原创 echarts折线图事件监听
记录echarts折线图添加鼠标事件监听失效问题{ symbol: 'none', name: '接收', data: [0, 1, 2, 3], type: 'line',}鼠标需要在折线图的拐点圆圈才能触发事件，symbol: 'none’就把拐点圆圈删除了
2021-04-06 15:22:37
867
原创 基于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
5968
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
436
原创 实现元素垂直水平居中的四种办法
(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
199
原创 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
2376
原创 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
3145
翻译 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
1761
翻译 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
6368
原创 关于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
310
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人