自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 input 输入框限制只能输入两位小数正数

input 输入框限制只能输入两位小数正数。

2022-08-09 14:47:39 1723

原创 vue-awesome-swiper loop设置为true失效

当出现这个情况的时候需要判断所轮播的数据是否是静态数据,如果是动态数据加个v-if来判断就可以啦

2022-06-17 10:38:37 249

原创 [Vue] 在方法中获取vuex action的返回值

我想要在vue组件里面获取vuex的action的返回值这里我用的dispatch调用 如图我这里使用的new Promise的方法调用getlunbolist的时候返回一个new Promise,把需要的值用resolve带出在组件就可以用then的方法取出来使用......

2022-06-10 15:55:50 1073

原创 echarts 多个饼图套用时legend匹配问题(series中有多个数据)

像这样要实现这样的效果时 我会使用多个饼图设置不同的radius来实现有几个坑点1,在echarts 5.0版本一下 当给legend加入type: ‘scroll’,并且textStyle中用到了rich想要让图例实现翻页时它的legend会重叠在一起像这样,当然有人会说升级不就好了2.确实升级样式起码不会有什么问题,但是会发现在使用5.0以上版本的时候加type:'scroll’之后,虽然图例显示正常但是不难发现其实 series中套用的单纯用来描绘样式的数据也会有自己的一个图例, (也就是.

2022-04-26 09:44:52 3834

原创 如何判断你当前手机浏览器的类型 userAgent (QQ , 微信 ,微博 ,华为)

如何判断你当前手机浏览器的类型(1)通过navigator.userAgent获取浏览器的userAgent字符串(2)然后indexOf去查找各个浏览器名称/浏览器内核的名称,如果返回值不为-1,则该浏览器名称/内核即为你当前手机的手机浏览器/浏览器内核的类型以pc端为例: var userAgent = navigator.userAgent if (userAgent.i...

2020-03-21 15:59:11 2280

原创 手搓无缝滚动 横向 纵向

【代码】手搓无缝滚动 横向 纵向。

2024-09-11 10:46:47 178

原创 将平铺的数组变成树结构 避免多次循环嵌套 避免递归 new Map()使用知多少

当这个对象的parentId为0的时候则为第一级 当这个对象的parentId等于另外一个对象id的时候就表明 这个对象是那个对象的子集,并且存放在subs中, 这个subs是原始对象中没有的key。偶然看到一个需求就是需要将一个平铺的树状结构,通过特定的字段要求改变成树状结构,然后最开始的想法就是循环套循环,就是通过递归来,这次尝试着用了map来实现。一个由多个对象组成的数组结构, 每个都有字段 parentId ,id。

2024-08-02 16:50:12 231

原创 自用归纳的一些比较好用的网站

Element UI 官网阿里云获取中国地图省市区json格式高德地图jsapiuni-app官网kkFileView在线预览解决方案官网echarts官网lodash官网tailwindcss官网十六进制到RGB颜色转换器图片转base64图片压缩boxshadow 在线调试mescroll 下拉刷新上拉加载 很好用家人们

2024-07-15 16:05:31 230

原创 font-spider压缩文字

= FZLanTingHei-DB-GBK是我引入的字体包名字==

2024-03-29 14:56:38 273

原创 mescroll 在uni-app 运行的下拉刷新和上拉加载的组件

官网传送门: https://www.mescroll.com/uni.html最近使用到了mescroll 但是一直都是整个页面的滚动,最近需求有需要局部滚动, 收藏了一个博主的文章觉得写的还挺好,传送门: https://blog.csdn.net/Minions_Fatman/article/details/134754926?spm=1001.2014.3001.5506使用总结

2024-02-21 14:47:54 831

原创 判断内容是否超出 超出省略并且鼠标hover出现tooltip

【代码】超出出现tooltip。

2024-02-19 17:35:16 399

原创 js+css 锚点菜单

【代码】js+css 锚点菜单。

2024-02-07 09:50:01 432

原创 排名划分方法

项目需要将一个总数按一定的规律划分三等分,3.若有余数且为偶数,则均分到二三级。2.若有余数且为奇数,则分到第三级。1.若能平分 则均分到三个等级。

2023-12-15 09:59:22 88

原创 内联style实现翻转效果

【代码】内联style实现翻转效果。

2023-10-20 14:11:55 101

原创 倒计时 天时分秒

【代码】倒计时 天时分秒。

2023-10-20 14:10:17 163

原创 倒计时 天时分秒

【代码】倒计时 天时分秒。

2023-10-18 13:38:47 130

原创 js实现日历 完整版

【代码】js实现日历 完整版。

2023-10-13 15:00:14 774

原创 将数组按需要的个数分割

【代码】将数组按需要的个数分割。

2023-09-14 16:18:12 66

原创 精度问题简单处理

【代码】精度问题简单处理。

2023-08-23 17:11:46 65

原创 css简单实现瀑布流

= break-inside: avoid== 通过使用 break-inside,您可以告知浏览器在图像、代码片段、表格以及列表内部避免中断。(可以简单的理解为避免一个内容换行)其中重要的是这两个属性,然后一般会配合。属性指定某个元素应分为的列数。属性指定的列之间的差距。

2023-04-20 18:00:56 638

原创 模拟数字滚动

【代码】模拟数字滚动。

2023-02-28 10:10:47 88

原创 手搓排序 样式 事件触发

【代码】手搓排序 样式 事件触发。

2023-02-24 09:14:35 80

原创 侧边滚动之后缩进效果(监听滚动条是否正在滚动)

【代码】侧边滚动之后缩进效果(监听滚动条是否正在滚动)

2023-02-07 13:38:09 85

原创 列表公共 筛选方法 (自用)

【代码】列表公共 筛选方法 (自用)

2023-01-04 17:29:50 77

原创 全局引入scss

全局引入scss

2022-12-27 14:41:08 868

原创 输入框校验 数字 统代 金额 等

1表示匹配第一个括号里的内容,$2表示匹配第二个括号的内容,比如。

2022-09-09 12:10:19 280

原创 el-input 设置type为number时,隐藏后面上下箭头以及输入文字光标上移的情况

【代码】el-input 设置type为number时,隐藏后面上下箭头以及输入文字光标上移的情况。

2022-09-05 11:07:19 1597

原创 超出省略一条 多条

超出省略css样式

2022-06-14 18:17:05 90

原创 不改变input的type限制只能输入正数并且保留两位小数

正数校验

2022-06-09 17:16:56 160

原创 隐藏高德地图logo

在使用高德地图api进行项目开发的时候如果需要隐藏左下角高德地图api的时候使用样式来隐藏就好啦/deep/.amap-logo { display: none; opacity: 0 !important;}/deep/.amap-copyright { opacity: 0;}

2022-05-17 10:29:17 926

原创 html2canvas插件生成base64img图片。

handleDownloadReport() { const printOuter = $("#printReport"); printOuter.addClass("to-pdf"); console.log($("#printReport")); //插件生成base64img图片。 html2canvas($("#printReport")[0]).then((canvas) => { const contentWidt

2022-04-11 10:08:14 587

原创 el-image 大图预览总是不顺利?试试这个方法

不知道为什么我的项目中我点了大图所弹出的那个大图预览的div包含在了标签中,并没有全部展开,那我索性就直接控制它的弹框好了需要注意的是 这个组件需要单独引入哈,在引入element-ui的前提下import ElImageViewer from 'element-ui/packages/image/src/image-viewer'export default { components: { ElImageViewer }, .....<el-image-viewer

2022-04-08 10:52:02 1867 1

原创 【分享】分享一个适配vue的无缝滚动插件

官网: https://chenxuan0000.github.io/vue-seamless-scroll/zh/具体的使用可以去官网看哈 , 这里我想说一个点就是 limitMoveNum有个坑我按下面的例子来说哈,1.当我的listData所循环出来的li的总高度的两倍不能够撑开div时(我这里默认是向上滚动),那么当滚动到第二列表之后会出现一段空白,然后重新滚动这里我看了一下所渲染出来的html页面, 可以理解为把这个ul弄了两个,也就是复制了一份ul,让这个ul接在第一个ul的后面,但是当

2022-04-07 16:14:49 1365 1

原创 typeof判断数据类型不精准? 试试这个

typeof([1,2,3])'object' //我想要的是Array 不够精准Object.prototype.toString.call([1,2,3])'[object Array]'Object.prototype.toString.call(1)'[object Number]'Object.prototype.toString.call(null)'[object Null]'Object.prototype.toString.call(undefined)'[object

2022-02-08 10:35:14 364

原创 正则匹配空格

var str = '1 2 3 4 5'var s = str.match(/[^\s]+/g)console.log(s) // ['1', '2', '3', '4', '5']

2022-02-08 10:22:06 1541

原创 选择子级,向上设置父级的勾选状态 -记录一下

<template> <sapi-form-panel :dialog="true" :dialog-options="{ width: '1000px', maxHeight: '620px', height:'620px', top: '12%' }" v-model="visible" @on-open="open" @

2021-11-20 10:50:23 708

原创 记录一个实用插件 对于js计算精度问题 number-precision

话不多说直接来个传送门 老铁 gogog~number-precision

2021-09-17 16:01:06 1172

原创 el table翻页默认选中

因为我的table有翻页功能 然后当我翻页的时候table所渲染的数据会刷新,当我再回到之前所做了选择的页面的时候,table不会记录我之前的选中状态.在我的table中有两个事件@select="selectOne"@select-all="selectAll"selectOne点击table每行前面的选择框// defaultList 初始化的list 也是我所需要渲染选中的list // 首先判断我当前勾选的这条数据在不在defaultList里面 用findIndex 通过某条件找

2021-08-26 15:10:37 877

原创 获取上个月的第一天和最后一天

setSubTitle() { // 获取上个月 let year = new Date().getFullYear(); let month = new Date().getMonth(); let lastDay = new Date(year, month, 0).getDate(); ...

2021-08-16 09:59:18 222

原创 echart 半圆码表

option = { angleAxis: { axisLine: { show: false }, axisLabel: { show: false }, splitLine: { show: false }, axisTick: { show: false },

2021-08-09 10:51:45 154

空空如也

空空如也

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

TA关注的人

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