- 博客(12)
- 收藏
- 关注
RSS订阅原创 关于前端对gif图的使用
1.如果gif是播放一次的怎么去重复播放原理：播放完之后gif图存在缓存内的数据改变，你再一次获取的就是gif上一次播放的最后解决方案：1.1.在gif的地址后面加上时间戳（原理：去除缓存，每次都去请求获取gif图）（不推荐）缺点：耗时耗性能1.2.请求gif图之后，将gif图的数据转为bl...
2022-04-14 17:31:03
3438
原创 解决H5开发input聚焦可能被输入法遮住的问题
1.思路1.1 利用输入法的弹起会触发resize事件这个原理1.2 利用scrollIntoView和scrollTop方法对页面进行滚动2.具体代码实现（React）const resizeMethod = () => { setShowHeight(document.body.clientHeight) if ( document.activeElement?.tagName === "INPUT" || ...
2022-03-28 17:37:07
1161
原创 结合Element UI设置全局右键table导出excel等功能（欢迎指教）
第一步：设置Element UI的tableimport { tableMethod} from '@/libs/mixins'ELEMENT.TableColumn.props.align.default = 'center'// table右键事件// 表头数据Vue.set(ELEMENT.Table.props, 'tableHeadForExport', { type: Array, default: []})// 获取表格全部数据的方法Vue.s
2021-07-19 11:51:44
366
原创 vue工程化开发代码自动格式化
{ "files.autoSave": "onFocusChange", "window.zoomLevel": 1, "vetur.validation.template": false, "editor.wordWrap": "on", "px2rem-plus.comments": false, // 以下为stylus配置 "stylusSupremacy.insertColons": true, // 是否插入冒号 "sty...
2021-06-25 09:30:49
809
原创 最简单完美的纯前端loading实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html,body { .
2021-03-11 08:56:27
376
原创 前端皮肤功能实现（基于Less）
1.核心思想（1）在html根元素上设置theme属性（随意名字），切换主题就是切换属性值（2）将公共的css提取出来，使用less的混入2.具体代码（1）html设置<html lang="" theme="default">（2）js控制切换主题document.getElementsByTagName('html')[0].setAttribute('theme', themeData)（3）less样式设置.theme-function(@.
2021-03-04 11:04:11
387
2
原创 Element UI 修改this.$message.warning和this.$message.error的全局默认配置
1.创建util.js，内容为（在element ui源码上面进行修改）import Vue from 'vue'import ElementUI from 'element-ui';['success', 'warning', 'info', 'error'].forEach(type => { ElementUI.Message[type] = options => { if (typeof options === 'string') {
2021-03-04 10:08:10
7110
3
原创 vue-awesome-swiper存在问题的解决方案2
1.上一篇文章已经使用一种方案解决了Pagination那个点不出来的问题2.今天又碰到了自动轮播失效的问题，然后再次看了官方的GitHub,发现了官方的解决方案，只是官方把他作为自定义的一种方案而不是解决方案3.下面展示一下我的应用，亲测有用4.上次有人说最大的bug就是不能复制代码，我在下面贴上js代码importgetAwesomeSwiperfrom'vue-awesome-swiper/dist/exporter'import{...
2020-12-23 10:42:43
418
转载 Swiper（vue-awesome-swiper）在vue项目中的应用，swiper-pagination渲染不出来
1.直接用npm初始化的组件，package.json可以看见2.这本身是swiper 6.X的版本的问题，在原来基础上面加上以上代码3.完整代码附上（也可以就只用上面红色标注，不使用vue-awesome-swiper，然后在mounted进行初始化（new Swiper( )，这种方式我也测试了可以使用）...
2020-07-30 17:46:27
2388
6
原创 获取图片url的后缀
var fname="."+url.split('?')[0].substring(url.split('?')[0].lastIndexOf(".") + 1).toLowerCase();
2018-12-07 10:46:58
2570
原创 纯js通过url获得文件blob，并将文件进行压缩
preView: function (url){ let reader = new FileReader(); me.getImageBlob( url , function(blob){ reader.readAsDataURL(blob)...
2018-12-07 10:25:35
4681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人