2017年03月_qq_34481114

转载利用filter()去除数组中的重复元素，利用filter()筛选出数组中的素数

filter()是数组的一个常用操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。filter()接收的回调函数，其实可以有多个参数。通常我们仅使用第一个参数，表示Array的某个元素值。回调函

2017-03-31 02:23:48 3972

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

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

2017-03-29 02:03:41 670

原创 JS 中this 所指向的对象

var box=document.getElementById("box"); box.onclick = fn1; function fn1() { console.log(this); fn2(); } function fn2() { console.log(this); }第一个this 指向的

2017-03-26 22:42:19 254

原创 JS数组一些方法

今天写了一个原生JS旋转木马轮播图.用到了数组的相关方法.说明自己有点遗忘了,特此写一遍加强记忆push()pop()unshift()shift()reverse()这五个方法都是直接在原数组上增加,删除元素.反转数组,改变原数组而 slice(index1,index2)这个方法从复制1到2元素(不包括2),返回一个新数组.原数组不会变化.

2017-03-26 01:13:39 166

原创同名函数加载及定时器清除问题

Title .father{ padding:0; margin:0px; position: relative; } .box{ width: 50px; height: 50px; backgr

2017-03-25 12:11:57 445

原创 JS一些兼容性写法

由于浏览器的不断升级更新.,会导致旧的版本不支持一些方法,所以当新的代码用到一些方法时,旧的版本的浏览器不能识别导致程序报错,所以在写代码时需要考虑浏览器的兼容性写法.下面就是一些常用的浏览器兼容性写法. 获取节点下一个兄弟节点父节点.nextSibling ||父节点.nextElementSibling上一个兄弟节点父节点.previousSibing ||

2017-03-22 23:19:42 325

原创 JS原生轮播图代码

布局一个这样的轮播图难点在于图4与图1怎么实现无缝轮播,巧妙的是把图1插入图4后面 12341...代码如下html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin:0; padding:

2017-03-22 00:49:53 395

转载 JS单线程问题

这个系列的文章名为“JavaScript 进阶”，内容涉及JS中容易忽略但是很有用的，偏JS底层的，以及复杂项目中的JS的实践。主要来源于我几年的开发过程中遇到的问题。小弟第一次写博客，写的不好的地方请诸位斧正，觉得还有一些阅读价值的请帮忙分享下。这个“JavaScript 进阶”是一个系列文章，请大家鼓励鼓励，我尽快更新。另外，如果你有比较好的话题，也可以在下面评论，我们一起研究提高。J

2017-03-21 00:19:45 483

原创引号的内容会被当成字符串

for(var i=0;i imgArr[i].onclick = function () { var b= this.src; console.log(b); body.style.backgroundImage="url("+this.src+")";

2017-03-17 00:03:35 382

原创 DOM 节点

Title你好啊 var ele =document.getElementById("box"); var att =ele.getAttributeNode("id"); var text = ele.firstChild; console.log(ele); console.log(att); console.log(text);

2017-03-16 12:37:42 183

原创 DOM绑定事件 -for循环'

很神奇的是在用for循环绑定事件时,定义一个变量i, 在function中使用i是不最后一个索引,所以导致认为a[i] 与当前所指的对象是一样的.这个时候就要用this 来解决问题了...问题代码如下 : for(var i=0;i<btnArr.length;i++){ btnArr[i].onmouseover = function () { b

2017-03-16 00:05:46 451

原创 JS Array.filter()方法

今天学习了Array的filter方法,MDN上解释的是filter()方法中行参是一个回调函数.这个回调函数就是一个规则,返回一个布尔值.filter()方法会对数组中每一个元素使用这个回调函数.注意,这里说的是每一个元素.并且将返回值为true的元素装入一个新数组返回.代码如下: var arr = ["关羽","woi","赵子龙","马zi超","黄忠"]; var arr1

2017-03-13 16:42:23 15958

qq_34481114的博客