前端
关注
分享
扫一扫
安徒生讲评书
这个作者很懒，什么都没留下…
展开
-
element-ui中el-table使用fixed=“right“时固定列左边框消失问题
element-ui中el-table使用fixed="right"时，横向滚动条滚到最右，固定列左边框不显示，加上如下css样式即可解决。原创 2023-07-11 15:49:48 · 1597 阅读 · 2 评论 -
elementui中el-tabs组件下的组件包含el-table，解决切换tab时table闪动问题
起初为解决上述问题，使用了笨法，就是利用tabs组件的tab-click事件，在事件中调用table的doLayout方法，但是这么写比较繁琐，需要改动好几个地方，遂想优化一下，于是上网上查些资料，有人说直接table中追加key或者table-column中追加key，也有人说在pane中用if条件，但都达不到预期效果。偶然间想到一个办法，基本逻辑是通过自定义指令的方式调用表格的doLayout方法。原创 2023-04-18 09:04:28 · 3484 阅读 · 3 评论 -
记录swiper3使用的一个小坑
swiper3小坑原创 2023-03-21 14:45:05 · 355 阅读 · 0 评论 -
记录使用nvm踩的一次坑
nvm采坑记录原创 2022-05-25 08:40:51 · 148 阅读 · 0 评论 -
js获取字符串字节长度
getByteSize(str) { return new Blob([str]).size;}原创 2021-08-11 11:30:02 · 216 阅读 · 0 评论 -
element-ui 表格el-table滚动条优化
主要是针对有border属性的表格，在显示滚动条时很别扭，做了简单的优化。原表格原创 2021-06-15 09:29:08 · 1215 阅读 · 0 评论 -
vue写的横向跑马灯组件
用vue写了一个简单的滚屏显示跑马灯组件，类似飞字公告一样，直接上代码。Marquee.vue:<template> <!-- 横向滚动 --> <div class="h-text-scroll"> <div class="text-scroll-wrap" :class="{'pause': stop ? ispause : false, 'no-loop': !loop}" :style="{'animation-dura原创 2021-03-23 10:44:45 · 818 阅读 · 1 评论 -
css 元素放大，文字抖动模糊
在此记录下遇到的问题。给文字元素添加transform：scale(1.1, 1.1)，会出现文字放大时，文字会先变大，后变小的抖动情况，在网上查了资料说开启硬件加速的方式，例如“transform：scale(1.1, 1.1) translateZ(0);”这样修改抖动是解决了，但是又出现了模糊的情况，后来又调查了改成“transform：perspective(1px)scale(1.1, 1.1);”，问题解决。...原创 2020-07-31 09:02:06 · 2198 阅读 · 0 评论 -
vue实现可拖拽列表组件
列表内容和样式在外部自定义，话不多说，直接上代码1. 用drag事件实现，唯一不好的是拖拽时的半透明框没法修改<template><divclass="list"ref="listRef1"@mousedown="drag"@mousemove='dragover'@mouseup='dragend'@mouseout="out"><divclass="list-item"v-for="(item,index)inlistDat...原创 2020-06-18 16:29:58 · 2375 阅读 · 1 评论 -
vue固定表头
思路：利用自定义指令监听滚动事件，实现表头固定以下是网上看到的一个小例子：<style>.wrap{ height: 100px; overflow: auto; border: 1px solid #000;}tr{ height: 30px}</style><body> <div id="app"> <div class="wrap" v-fixed> <table>...原创 2020-06-10 11:04:30 · 879 阅读 · 0 评论 -
对于页面加载完成却获取不到页面元素的问题
在做自动化测试的时候，发现了这个问题：页面已经加载完，但是用js或者jquery怎么也获取不到元素，后来查了些资料，才知道是由于页面中含有多个iframe，默认实在最外层的iframe中查询元素的，要获取其他元素就得首先定位对应的iframe，要查的元素就在其contentWindow下的document中，后面就采用正常获取元素的方式: document.getElementById()...原创 2020-03-30 22:04:24 · 2367 阅读 · 0 评论 -
ios上z-index样式不生效
用h5在移动端做遮罩式的引导页，但是给元素添加z-index样式时，ios上不生效，不管怎么调整index的值都不行，添加"-webkit-appearance:none"也不行，安卓却正常，查了些资料，找到了原因：只要被添加z-index样式的元素的父元素中有一个父元素带有overflow的样式，z-index就不生效，去掉即可，这好像是css在ios上的bug。...原创 2020-03-10 08:15:51 · 2018 阅读 · 1 评论 -
记录CSS实现半透明圆形镂空遮罩（仅限于一个圆）
实现思路如下：1.在要遮罩的页面上添加一层全透明元素a，覆盖整个页面2.再在a上面画圆b，background设置全透明，用box-shadow设置圆的边框半透明，阴影宽度设置的大一些（>3000px），b的z-index要大于a的，其余样式自定义。同样用边框宽度采用类似方式也可实现；在网上看到有用mask、outline、mix-blend-mode（混合模式）等方式实现的...原创 2020-03-05 16:27:14 · 4052 阅读 · 0 评论 -
js函数作参数
参照以下例子例1：function add(a, b) { console.log( a + b);}function subtract(a, b) { console.log( a - b);}function getStr() { console.log('hello')}// 函数作参数传递，函数的参数以数组形式传function use(f...原创 2020-01-01 12:15:24 · 312 阅读 · 0 评论