自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 关于 JS当中toFixed()方法5不进位问题的处理

四舍六入五成双”:也即“4舍6入5凑偶”这里“四”是指≤4 时舍去,"六"是指≥6时进上,"五"指的是根据5后面的数字来定,当5后有数时,舍5入1;当5后无有效数字时,需要分两种情况来讲:①5前为奇数,舍5入1;②5前为偶数,舍5不进。(0是最小的偶数)。百度百科上涉及的几个例子在实际情况下确实成立,但不科学,并不能覆盖所有的情况。

2024-03-05 10:40:45 180

原创 element-ui中el-table使用fixed=“right“时固定列左边框消失问题

element-ui中el-table使用fixed="right"时,横向滚动条滚到最右,固定列左边框不显示,加上如下css样式即可解决。

2023-07-11 15:49:48 1231 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 2964 3

原创 记录swiper3使用的一个小坑

swiper3小坑

2023-03-21 14:45:05 275

原创 css 自定义radio样式

直接上代码.radio { border-radius: 50%; width: 10px; height: 10px; margin-left: 10vw; background: #3946c5; border: 3px solid #fff; box-shadow: 0 0 0 2px #3946c5;}checkbox同理

2022-05-31 16:37:56 401

原创 记录使用nvm踩的一次坑

nvm采坑记录

2022-05-25 08:40:51 123

原创 js获取字符串字节长度

getByteSize(str) { return new Blob([str]).size;}

2021-08-11 11:30:02 193

原创 element-ui 表格el-table滚动条优化

主要是针对有border属性的表格,在显示滚动条时很别扭,做了简单的优化。原表格

2021-06-15 09:29:08 1165

原创 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 749 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 1903

原创 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 2337 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 834

原创 对于页面加载完成却获取不到页面元素的问题

在做自动化测试的时候,发现了这个问题:页面已经加载完,但是用js或者jquery怎么也获取不到元素,后来查了些资料,才知道是由于页面中含有多个iframe,默认实在最外层的iframe中查询元素的,要获取其他元素就得首先定位对应的iframe,要查的元素就在其contentWindow下的document中,后面就采用正常获取元素的方式: document.getElementById()...

2020-03-30 22:04:24 2252

原创 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 1957 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 3865

原创 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 289

原创 echarts中series数据数目少于横轴数据时,tooltip根据鼠标事件显示,横轴对应无数据时不显示tooltip,不高亮

例如:横轴数据为['周一','周二','周三','周四','周五','周六','周日'],series数据为[['周一', 1],['周二', 2],['周三',3],['周五',4],['周六',5],['周日',6]]echarts的option需添加如下设置: tooltip : {trigger: 'axis',...

2019-12-31 14:45:42 836

原创 会员视频、文章下载的简单方法

教大家另一个办法。在你想下载或者解析的网址前面加上 wn.run/ 就可以弹出下载对话框。下载百度文库的文章,就是在网址baidu的后面,点COM的前面,加上三个v,就可以下载。比如https://wenku.baidu.com/view/3e6d30b2fd0a79563c1e72bd.html加上 vvv 为https://wenku.baiduvvv.com/view/3e6d30b...

2019-09-02 23:11:10 1286

原创 win10安装mongoDB msi版最关键的一步

因为要学nodejs,准备尝试接触后端,结果在安装mongoDB时就遇到了坑,安装时总提示启动服务失败,最后查了一下,原来是安装时的配置不正确。正常的步骤是一路next,安装方式选择custom,但在这一步时,一定要注意,data路径后面一定要追加上db(较新的版本都是这样),最后一步左下角的“√”要取消参考链接:https://www.jb51.net/article/149859.ht...

2019-07-26 06:55:23 501

原创 pycharm安装第三方库

File--Settings--Project--Project Interpreter,点击右侧加号在弹出页面的搜索框中输入要安装的库,选择后点击下方Install Package按钮完成安装,使用时直接import就行了...

2018-06-27 16:20:16 177

转载 boostrap顶部导航条实现多级菜单,点击后上一级菜单保留状态

html:&lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"&gt;&lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min....

2018-06-13 17:39:14 1399

空空如也

空空如也

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

TA关注的人

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