![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
mayue24
这个作者很懒,什么都没留下…
展开
-
分分钟学会Canvas绘制验证码
在登录时我们经常遇到输入验证码,看完这篇文章你也可以制作出验证码,让验证码不再神奇。效果如图:HTML代码:<canvas id="canvas"></canvas><button id="btn">点击换一张</button>JS代码:var canvas = document.getElementById("canvas");//获原创 2018-06-29 20:15:07 · 1220 阅读 · 1 评论 -
ES6中关于reduce、set和数组重构
1、数组的 reduce方法1)使用deduce代替map+ filter要把数组中的值进行计算后再滤掉一些值,然后输出新数组。一般我们使用 map 和 filter 方法组合来达到这个目的,但这也意味着你需要迭代这个数组两次。而我们的reduce方法只需要迭代一次数组就可以实现同样的效果。 eg:把数组中的值除以2,并且返回小于10的值:const Array = [10,...原创 2018-07-06 07:31:57 · 1546 阅读 · 0 评论 -
JavaScript 几个易错知识点
1.面向对象编程举一个 例子说明一下:面向对象思想: 猫.抓(老鼠)面向过程思想: 抓.(猫,老鼠)//面向对象//定义猫(名字)let Cat=function(name){ this.name=name;}//动作Cat.prototype={ catch:function(someThing){ console.log(`${this.name}抓$...原创 2018-07-04 17:02:33 · 192 阅读 · 0 评论 -
js阻止冒泡事件和默认事件的方法兼容性写法
HTML代码:<div id="swap"> <div id="box"> <a href="http://www.baidu.com" id="btn">点我</a> </div></div> js代码: var swap=do原创 2018-06-28 19:36:11 · 529 阅读 · 0 评论 -
你需要知道的JavaScript库
1. Ramda拥有超过12K的stars,Ramda库可以用来在JavaScript中函数式编程,专门为函数式编程风格而设计,更容易创建函数式 pipeline、且从不改变用户已有数据。Ramda主要特征如下:1)Ramda 强调更加纯粹的函数式风格。数据不变性和函数无副作用是其核心设计理念。这可以帮助你使用简洁、优雅的代码来完成工作。2)Ramda 函数本身都是自动柯里化的。这可以让你在只提供...原创 2018-07-04 08:22:43 · 175 阅读 · 0 评论 -
DOM中常见的节点操作方法
1.创建节点 a.创建元素节点:document.createElement("div"); b.创建文本节点:document.createNode("Hello world");2.插入节点 a.在父元素中插入节点:parentNode.appendChild(newNode); b.将节点插入到父元素之前:parentNode.insertBefore(newNod...原创 2018-06-27 20:44:59 · 1616 阅读 · 0 评论 -
简单的原生js轮播图
轮播图我们在网站中经常看到,主要就是为了在有限的空间内展示出更多的内容,同时也增加了界面的特效,让页面不是那么死版,让界面动起来,看着更加舒服,话不多说,代码如下:效果:HTML代码:<div id="slide"> <!-- 图片区 --> <div id="pic"> <div class="current"&原创 2018-07-02 21:09:45 · 256 阅读 · 0 评论 -
setInterval()和setTimeout()区别
定义setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。setTimeout()只执行一次,而setInterval可以多次调用。很简单的定义,使用起来也很简单,但有时候我们的代码并不...原创 2018-07-02 09:12:50 · 32443 阅读 · 2 评论 -
jQuary实现背景飘雪效果
css样式:body{ padding: 0; margin: 0; overflow: hidden; background: #000;}JS代码:var flackColor = "#fff"; //雪片颜色var newOne = 10;//间隔10毫秒var flake = $("<div></div>").html("❄").css("...原创 2018-07-01 19:20:40 · 517 阅读 · 0 评论 -
一分钟掌握IE与FF(Firefox)脚本兼容性问题
一、window.event 表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象。二、获取事件源 IE用srcElement获取事件源,而FF用target获取事件源。三、添加、去除事件 IE: 添加事件:element.attachEvent("onclick",function(){}); 去除事件:element.de...原创 2018-06-30 08:52:03 · 862 阅读 · 0 评论 -
Promise对象的用法
1)什么是Promise对象Promise是异步编程的一种解决方案,简单来说就是一个容器里面保存着某个未来才会结束的事件 (通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。2)Promise对象有以下2个特点:1.对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成)和R...原创 2018-07-07 08:46:39 · 358 阅读 · 0 评论