![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
MittyLee
走的越多越是发现自己的渺小 越不能停下脚步
展开
-
make a pie暂停服务后,我用这个网站来搜索图表
http://ppchart.comecharts自己写所有配置的话真的很头大,一般都是找类似图表来参考,从一开始的echarts的gallery社区到make a pie,给前端人提供了很多灵感。这个是我在得知make a pie要停服后疯狂网络搜索可代替网站时搜到的(救命),是贴吧里一个大佬目前在维护的网站,我自己用下来感觉是体验感最好的,数据量和分类也最全的,给他提建议都会很快有反馈和满足!在我的小地盘安利一下下~~...原创 2022-02-14 17:00:38 · 575 阅读 · 1 评论 -
微信小程序 tab面板切换 伴随点击修改样式 tab下划线伪元素写法
<view class="tab"> <view class="tab-item {{tabIndex == 1?'active':''}}" bindtap="clickTab" data-index="1">本月未来店</view> <view class="tab-item {{tabIndex == 2?'active':''}}" bindtap="clickTab" data-index="2">本月已.原创 2021-10-14 17:58:27 · 1199 阅读 · 0 评论 -
JS Date()方法 计算指定月份有多少天
new Date(month,year,date) date的区间是1-31,如果传0,就可以直接使用getDate()获取到最后一天的日期。如下new Date(2021,08,0) .getDate()得到31,就说明8月的最后一天是31,说明8月有31天。原创 2021-08-17 15:56:54 · 690 阅读 · 0 评论 -
mpvue使用vantweapp时事件绑定及onChange事件取值的小坑
<van-search :value="search" placeholder="请输入用户名搜索" show-action shape="round" @search="onSearch" @cancel="onCancel"/>绑定:在绑定mpvue的组件提供的事件时,官方提供的事件绑定方法为 bind:search="onSearch"等, 但在mpvue的写法里bind必须换成@ 且事件名不能加括号...原创 2021-06-04 15:11:38 · 695 阅读 · 0 评论 -
时间控件el-date-picker限制可选当前日期前七天
<el-date-picker v-model="value1" type="daterange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" >..原创 2021-06-04 14:09:53 · 268 阅读 · 0 评论 -
vue项目引入swiper——自动轮播图可tab切换(非无缝)
swiper5.4版本配合vue-awesome-swiper4.1版本使用。swiper自带的方法需4.0以上版本才能启用 。(此处悲痛踩坑...)tab区 <ul> <li @click="tabClick(0)" :class="{ active: nowIndex === 0 }"> tab1 </li> <li @click="tabClick(1)".原创 2020-12-03 18:50:40 · 528 阅读 · 0 评论 -
常用正则:校验整数和两位小数;常见手机号;密码格式
校验整数和两位小数:varnumTest=/^(([^0][0-9]+|0)$)|^(([1-9]+)$)|^[0-9]+\.[0-9]{2}$/;校验手机号:varphoneTest=/^1[0-9]{10}$/;校验密码6-16位 必须包含字母数字var passwordTest=/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/;...原创 2020-11-11 15:00:02 · 336 阅读 · 0 评论 -
vue报错—— Duplicate keys detected: ‘1‘. This may cause an update error.
第一次遇到这个报错:大意是 检测到重复的密钥:“ v1” 这可能会导致更新错误当同一页面有多个数组用v-for循环时 我绑定的key值都是:key="item.value"而每个数组在data里的value值都是一样的于是造成了key值重复的问题 (使用v-for时要注意key值得唯一性)而看我们每个数组里lable的数据都是不一样的所以把key值绑定成lable就不会重复了...原创 2020-09-02 18:27:05 · 5849 阅读 · 0 评论 -
css变量主题色 + VUEX 实现系统主题换肤
给用户提供n个可选主题色 选中颜色后更换整个系统图标,侧边栏等地方的颜色。这里主要使用到了css的变量配合vuex传递的用户所选颜色 即可赋值给任意标签的css。(最开始只使用vuex存储所选颜色并直接获取赋值给标签 这种办法设置的只能是行内样式 在elementui上的颜色效果会覆盖掉hover颜色 但并没有办法在行内设置hover 于是pass)(css变量: 用--xxx来定义变量 用var来使用这个变量)vuex里提供主题色初始值 state: { //...原创 2020-07-23 17:42:52 · 1333 阅读 · 2 评论 -
VUE tab面板切换 伴随点击选中变色
效果如图: 左边Tab列表点击选中有变色效果,对应切换右边模块思路:点击事件传值 拿到对应值根据对应值 :class给相应的li绑定上点击效果的css类名 v-show通过判断拿到的cur的值 对应隐藏或展现(display:none)HTML <ul class="list-box"> <li @click="clickCategory(1), (cur = 1)" :...原创 2020-07-20 10:23:51 · 2116 阅读 · 0 评论 -
ElementUI组件--滚动条<el-scrollbar>
比原始浏览器自带的滚动条好看多了 不追求特定样式滚动条的话使用这个是很方便美观的。 <el-scrollbar style="height:100%"></el-scrollbar>在你需要滚动的地方前后套上这个标签即可效果:但是我这里碰到了一个问题是如果直接拿来用 我不需要横向滚动式 也会有一个固定的横向滚动条 很丑如果你这里不需要横向滚动条的话 可以设置隐藏横向滚动条.el-scrollbar .el-scrollbar__wrap ...原创 2020-07-20 10:08:58 · 1669 阅读 · 3 评论 -
vue 进入页面无点击自动定位到某一位置 锚点
头部div加 @click="returnTop()"methods里returnTop(){document.querySelector("#headers").scrollIntoView(true);//跳转到顶部window.scrollTo(0,0);},// 刷新后也不影响 在mounted里加mounted(){console.log(this.$route.path);//...原创 2020-07-16 15:30:07 · 1179 阅读 · 0 评论 -
vue项目整屏轮播el-carousel默认高度300的坑
<div class="block"> <el-carousel trigger="click"> <el-carousel-item v-for="(item, index) in data" :key="index"> <img :src="item.img" alt=""> </el-car...原创 2020-04-23 17:43:55 · 1898 阅读 · 5 评论 -
vue element 的输入框input限制只可以输入整数 不能输入拼音符号小数点
<el-input onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"></el-input>原创 2020-04-17 15:13:40 · 1802 阅读 · 1 评论 -
微信小程序-tab导航栏横向滑动,对应详情长页锚点跳转
tab导航栏可以横向滑动,竖屏滑动到当前模块时对应的tab变色 图标更改 同时当前tab会跟随处于tab栏中间;点击tab时当前tab变色,锚点跳转到对应页面。参考了别人大神的代码,tab带图标并能选中改变的没找到,自己做了修改。参考的链接:https://www.cnblogs.com/xsffliu/p/11097846.html感谢~wxml部分:1.导航...原创 2019-11-01 11:28:11 · 2020 阅读 · 0 评论 -
解决img下边框留白
遇到过好几次这个问题,但总是解决之后下次就忘了,这次记录下来。。。因为img是行内元素,所以他的vertical-align的默认值是baseline,所以他的对齐方式导致了下白边产生。针对img的这个属性可以有两种解决办法:1.把img变为块级元素img { display:block;}2.更改img的对齐方式img { vertical-align: middle;}...原创 2019-01-17 16:33:06 · 1806 阅读 · 0 评论 -
echarts实现柱状图/折线图的y轴是value类型但展示category的效果(中文刻度,圆点落在刻度线上)
近期的项目是一个银联报表类的页面,需要大量的使用echarts的几种图表类型。但为了精准的还原UI的设计图效果,许多图表以及配置仅仅官方给出的实例和配置项是无法达到效果的。所以笔者在echarts提供的图表的基础上,完成了如下的效果,欢迎参考~官方实例的折线图效果:圆点散落位置比较自由,并不都在Y轴刻度线上;y刻度轴为value类型时,刻度只能为数字,中文会报错(如果说错了请无视- -)...原创 2018-12-29 16:35:44 · 11232 阅读 · 0 评论 -
jquery点击来回切换img图片的src
js部分$(function(){ $('.tit-box img').click(function(){ $('.selects').slideToggle(); if($('.tit-box img').attr('src')=='./images/web_dropdown_select.png'){ $('.tit-box img...原创 2018-12-28 16:13:39 · 6306 阅读 · 0 评论