- 博客(6)
- 问答 (1)
- 收藏
- 关注
原创 饿了么table组件 el-table高度自适应
遇到问题:el-table设置max-height后,当浏览器窗口size变大table可以自适应,缩小时table高度不会改变。修改方法:直接上代码 .el-table { max-height: 100% !important; position: relative; } .el-table__body-wrapper, .el-table__fixed-body-wrapper { max-height:
2020-08-31 14:29:17
1506
1
原创 JS方法总结 - 控制浏览器全屏与退出全屏
function fullScreen() { // 判断是否处在全屏状态 const isFullScreen = document.isFullScreen || document.mozIsFullScreen || document.webkitIsFullScreen; if (isFullScreen) { const el = document; let cfs = el.cancelFullScreen || el.mozCanc.
2020-07-02 17:38:23
959
原创 解决vue/react项目打包后打开html文件页面空白的问题
Vue vue项目build后直接打开html文件页面空白是引用资源路径问题,在vue.config.js文件中设置publicPath为‘./’module.exports = { publicPath: './'};打开后路由也会出错,vue-router不能使用history模式let router = new Router({ //mode: 'history' routes: []})页面正常显示后会发现,放在public里面的静态图片等文件..
2020-06-05 15:12:47
2472
原创 js实现仿pc端微信查看图片功能
使用react实现类似微信图片查看器的功能,可以切换图片,实现图片的放大、缩小、旋转、平移和下载功能。直接上页面效果图。因为项目需求,使用electron封装成了桌面应用,作为单独的弹窗功能,在页面右上角添加窗口操作按钮。1. 放大/缩小功能,可通过滚轮或点击底部按钮来实现 _large(num) { let { scaling } = this.state; scaling = Math.trunc(scaling) >= 10 ? ...
2020-05-11 16:03:35
1556
原创 We're sorry but ***** doesn't work properly without JavaScript enabled. Please enable it to continue
使用vue-electron-template模块快速生成的项目上线后,ajax突然返回这个鬼错误,很多人说把router中的mode修改为hash模式就行,亲测没有什么用,后来发现最主要的原因是请求的Request URL错误,只要这个Request URL修改正确就可以了(在vue项目中,看一下axios配置的baseURL是否正确)。...
2020-04-28 13:51:57
44075
1
原创 使用konva和vue-konva完成前端拖拽滑块验证功能
1. 在vue项目中安装konva和vue-konva库npm install konva vue-konva --save-dev2. 引入vue-konva库import VueKonva from ‘vue-konva';Vue.use(VueKonva)3. 创建单独的滑块验证组件 Captcha.vue,在相应的页面中引入使用即可<template>...
2020-04-25 11:36:37
1745
空空如也
CSS浮动的元素为什么会对其他元素造成影响?
2020-05-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人