关闭

开关按钮

效果图: 代码: Document .div1{    width: 75px;    height: 27px;    line-height: 30px;    border-radius: 5px;    overflow: hidden;    position: relative;    background: #82e497;    b...
阅读(11) 评论(0)

百度地图接口及使用

$(function () {             getAddr();         });         //百度地图获取坐标         function getAddr() {             var geolocation = new BMap.Geolocation();             var pt;             geol...
阅读(15) 评论(0)

echarts重复加载

如上图所示,项目中需要点击开关按钮时控制图表上对应的类别的显示和隐藏,但是在点击显示时可以渲染出来,点击隐藏时对应部分却不消失,代码如下: var chart = document.getElementById('lineChart'); myChart = echarts.init(chart);myChart.setOption(option); 解决办法: var...
阅读(32) 评论(0)

jquery 添加元素的方法

1.append();    在所选元素的结尾添加 var html = ''+obj.farmName+''; $('#box').append(html); 2.prepend();    在所选元素的开头添加 $('#box').prepend(html); 3.html();    在所选元素内添加,如果元素内之前有别的内容会覆盖掉 $('#box').htm...
阅读(105) 评论(0)

echarts X轴显示不全

项目中有遇到X轴显示不全的问题,如下图: 代码如下: "xAxis": { "axisLine": { "lineStyle": { "color": "#fcead4", "fontSize": 14 } }, "type": "category", "data": [...
阅读(60) 评论(0)

JSON.parse()和JSON.stringify()的用法及区别

JSON.parse()是从字符中解析出json对象: var str = '{"overMoney":0,"castCategoryId":9,"castFarmId":""}'; console.log(JSON.parse(str)) {overMoney: 0, castCategoryId: 9, castFarmId: ""} 而JSON.stringify()刚好相...
阅读(238) 评论(0)

js 对象 key 变量

项目中有遇到根据点击的不同按钮将它们的class作为key传进data对象内,那么此时key 就是个变量,在开始写的时候是这样: var data={ id:id, classNameTitle:buttonType, tifier:tifier } console.log(data) 打印结果如下: planMoney//为此时的classNameTitle...
阅读(31) 评论(0)

一句代码搞定数组去重 Set()

[...new Set([1, "1", -1, 1,2,3,4,5, 1, 3])] (7) [1, "1", -1, 2, 3, 4, 5] 哈哈  有木有很神奇; 接下来给大家分享哈  Set对象的方法:   s.add(11)   s.add('height')   s.add(11)   s.forEach(function (item) {        ite...
阅读(27) 评论(0)

js判断是否为数字 排除掉空

啦啦啦啦啦   今天写项目需要判断是否是数字再去相乘,之前的东西忘得已经差不多了,so 在度娘的一番教导下,get到了方法,赶紧给大家分享下 因为所输入的数字有可能是负数 ,小数,需要排除的是空格 和其他类型 ,所以一开始试了isNaN这个方法,如下: console.log(isNaN(-1.22))  false console.log(isNaN(1))  false conso...
阅读(28) 评论(0)

jquery 判断是否有当前父元素 .is()方法

在项目中有两处添加对比的效果,需要点击时往里添加不同的元素,但是功能一样,所以在点击事件时加了个判断, 通过判断当前点击元素的父元素是否为其中一个,如果是某一个则拼接相对应内容; 那么如何判断当前元素的父元素,代码如下: $(this).parent().is('.costBase') 通过jquery的parent方法,用.is()方法可以判断是否为这个元素,如果匹配则返回true,...
阅读(62) 评论(0)

jquery查找父 子 兄弟节点方法

jQuery.parent(‘.box')            查找父元素 jQuery.parents(‘.box')          找到所有祖先元素,不仅仅局限于父元素 jQuery.children()                 查找所有子节点 jQuery.contents()               查找下面的所有内容,包括节点和文本。 jQuer...
阅读(97) 评论(0)

轮播图 左右点击及底部小圆点

最近pc项目有两处一样的轮播图  有左右点击按钮及底部小圆点 接下来 代码奉上: css的写法,可以让子元素根据父元素定位,让它们定位在同一位置,再给子元素根据顺序加上z-index值,第一个最大,一次减小; 左右两侧点击按钮直接根据父元素定位,z-index值最大; js代码如下: // 轮播图 const Banner = function () { const ...
阅读(77) 评论(0)

禁止图片img拖动

最近在写一个pc的项目,由于有很多的图片,发现会有拖动的效果,所以百度了一哈哈解决方法; 建议大家直接用js解决,一段代码妥妥搞定; jquery解决方法: $('img').on('mousedown',function (e) { e.preventDefault() }) 选中页面所有img标签,添加mouse down事件    e.preventDefault() ...
阅读(47) 评论(0)

js中的事件委托或是事件代理详解

起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们...
阅读(77) 评论(0)

双飞翼布局 移动端header常用布局

在移动端开发时,经常使用双飞翼布局,简单明了,嗖嗖嗖的就搞定头部; 接下来给大家奉上代码:   html部分:   title left right css部分: .main,.left,.right { float:left;  height:200px; text-align: center; } /*先让元素浮动在同一行,并且设置元素文本居中,这样的话main的内容就可...
阅读(55) 评论(0)
18条 共2页1 2 下一页 尾页
    个人资料
    • 访问:1107次
    • 积分:188
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:1篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档