html
文章平均质量分 75
爱吃排骨
这个作者很懒,什么都没留下…
展开
-
react 通过scss变量动态改变样式
一般在开发中 有时候会遇见动态修改 一些其他组件的时候 这时候需要使用scss var的方法来动态改变1.在 本页面的css 定义一个var 变量$mapIndex:var(--mapPop,100) ;2.在JS /jsx里面使用 就可以改变了 document.getElementsByTagName('body')[0].style.setProperty('--mapPop',99999)...原创 2020-05-29 17:22:16 · 2782 阅读 · 1 评论 -
leaflet 加载海量点位,点击marker 查看详情功能
在开发有地图需要加载大量点位的时候,就不能使用L.marker 方法来 addTo(map) ,这样会导致地图特别卡,下面我们用一个插件Leaflet.Canvas-Markers .github地址:https://github.com/eJuke/Leaflet.Canvas-Markers 里面有详情的api调用方法。接下来我们在项目里面使用1.加载方式2种方法加载cnpm ileaflet-canvas-marker -S 或者直接下载Leaf...原创 2020-05-29 16:01:46 · 9102 阅读 · 11 评论 -
css3 滑动开关按钮 竖着的
在网上找了半天没有竖着的滑动开关,自己赶紧写一个<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>switch</title> <style> .switch{ width: 24px; height: 46px; background: white; border-原创 2020-05-13 16:43:06 · 417 阅读 · 0 评论 -
JS获取今天日期之前的任意指定时间
getBeforeDate(n) { var n = n var d = new Date() var year = d.getFullYear() var mon = d.getMonth() + 1 var day = d.getDate() if (day <= n) { if (mon > 1) { mon = mon - 1 } else { year = year - 1 ...原创 2020-05-11 18:16:13 · 900 阅读 · 0 评论 -
JS获取周一到周日的时间
weekMonth(currentTime){ var currentDate = new Date(currentTime) var timesStamp = currentDate.getTime(); var currenDay = currentDate.getDay(); var dates = []; var tabTime=[] for (var i = 0; i < 7; i++) { dates.push(ne...原创 2020-05-11 16:40:40 · 1273 阅读 · 0 评论 -
echarts 多个柱状图
loopEcharts(time,data,data2,data3){ let Ehcarts=echarts.init(document.getElementById("loopEchart")) let option={ backgroundColor:'', color:["#FF2160","#E8E637","#30B1FB"], tooltip: { trigger: 'axis', ...原创 2020-05-10 15:40:23 · 5505 阅读 · 1 评论 -
常用css3 滚动条样式优化
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #F5F5F5;} /*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 3px; background-color: #F5F5.原创 2020-05-08 21:33:14 · 427 阅读 · 0 评论 -
cloud-zoom.js 放大图片
引入 其中 要给a标签添加"cloud-zoom" 样式 <link rel="stylesheet" href="{{ staticsUrl }}/css/cloud-zoom.css"> <script src="{{ staticsUrl }}/js/cloud-zoom.js"></script> <script> ...原创 2020-05-06 11:35:31 · 738 阅读 · 0 评论 -
echarts 饼图默认高亮 离开后再次高亮,中心区显示选中的数据
const roundFun=()=>{ let myChart = echarts.init(document.getElementById('round')); let option=({ legend: { orient: 'vertical', left: 10, data: ['直接访问', '邮件营销', '联盟广告', '视...原创 2020-04-23 19:01:34 · 1198 阅读 · 1 评论 -
解决git在配置ssh 秘钥后 每次pull commit 都需要输入账号密码问题
git config --global credential.helper store原创 2020-02-20 14:14:36 · 1110 阅读 · 0 评论 -
element ui 获取checkbox 选中的表格数据
1.定义一个储存ID变量 multipID:[],2. 使用element ui 表格方法@selection-change="changeFun"<el-table :data="tableData" border style="width: 100%" align="center" @cell-mouse-enter="enter" ref="multipleTa...原创 2020-02-19 16:37:17 · 4687 阅读 · 0 评论 -
element ui border 表单 表头和内容边框错位问题
在css样式中添加这个样式即可body .el-table th.gutter{ display: table-cell!important;}原创 2019-10-21 17:26:31 · 2549 阅读 · 0 评论 -
js setInterval多次计时器后,使用clearInterval 删除计时器
在使用setInterval 时候,如果调动了多次,那么每次调用都会产生一个ID,如果直接使用clearInterval()是清除不掉计时器的,<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head>...原创 2019-09-17 10:04:46 · 2964 阅读 · 0 评论 -
input 框保存账号或者密码 默认样式异常修复
有时候在做登录页面的时候,浏览器会记录账号和密码,这时候可能导致input 框的颜色 和背景颜色有差异(input框默认是白黄色),效果不好看,这样优化一下就好了input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !imp...原创 2019-08-19 14:53:35 · 1816 阅读 · 0 评论 -
video.js 对接实时视频 rtmp/flv 格式
在用video.js 做实时视频对接rtmp格式时候发现只有5.8版本的JS才支持,更高的 7.1 就不支持了,所以在做时候要看好vode.js版本,一般在这个网址里面下http://www.jq22.com/jquery-info404。1.在页面中引用video-js.cs样式文件和video.js<link href="video-js.css" rel="styleshee...原创 2019-05-24 11:04:18 · 19764 阅读 · 10 评论 -
echarts map地图自动高亮显示提示框轮播
function mapGeo(data) { var chart = echarts.init(document.getElementById('mapGeo')); var mapUrl = staticsUrl + '/js/echart-map/beijing.json'; $.get(mapUrl, function (mapJs...原创 2019-06-05 11:29:16 · 8784 阅读 · 2 评论 -
eacharts tooltip 自定义内容
在做项目时有需求 在提示框里面自定义内容,查了文档后可以使用 formatter 来做官方例子中的name 相当于opction.series里面的数据,下面看实例更清晰。在此例子中,我操作的是折线图标接下来查看 series 里面的内容 其中使用的数据是这样的接下里看 console.log(e)里面是什么东西可以看到当鼠标移动到对应的数据小圆点...原创 2018-09-07 16:12:57 · 2645 阅读 · 0 评论 -
table 设置合并边框
先来看看原始表格<table border="1 "> <thead> <tr > <th>网站</th> <th>资源</th> <th>url</th> <t原创 2018-07-27 10:34:54 · 10900 阅读 · 0 评论