阿乐のBlog

纯js之代码雨特效:laughing: html代码：1<canvas id="code_rain_canvas" width="1440" height="900"></canvas> js 代码：12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758window.onload = function() { //获取画布对象 var canvas = document.getElementById("code_rain_canvas"); //获取画布的上下文 var context = canvas.getContext("2d"); var s = window.screen; var ...

es6之 Object.assign()基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。 Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。 1234567const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);console.log(target) // {a:1, b:2, c:3} 我们需要注意的是，如果目标对象和源对象有同名属性。或多个源对象有同名属性，则后面的属性会覆盖前面的属性。 1234567const target = { a: 1, b: 1 };const source1 = { b: 2, c: 2 };const source2 = { c: 3 ...

es6之扩展运算符 (…) 简称三个点对象的扩展运算符理解对象的扩展运算符其实没有那么难，只要记住一句话就可以轻松掌握它:smiley: 对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 12let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 } 上面的代码就相当于 12let bar = { a: 1, b: 2 };let baz = Object.assign({}, bar); // { a: 1, b: 2 } **Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target**）。 Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。(如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性)。 Object.assign 的详 ...

定时器对队列的工作方式：当特定时间过去后将代码插人。注意，给队列添加代码并不意味着对它立刻执行，而只能表示它会尽快执行。设定一个150ms后执行的定时器不代表到了150ms代码就立刻执行，它表示代码会在150ms后被加入到队列中。如果在这个时间点上，队列中没有其他东西，那么这段代码就会被执行，表面上看上去好像代码就在精确指定的时间点上执行了。其他情况下，代码可能明显地等待更长时间才执行。 重复定时器： 这种重复定时器的规则有两个问题: (1)、 某些间隔会被跳过; (2) 、多个定时器的代码执行之间的间隔可能会比预期的小。假设，某个onclick事件处理程序使用setInterval()设置了一个200ms间隔的重复定时器。如果事件处理程序花了300ms多-点的时间完成，同时定时器代码也花了差不多的时间，就会同时出现跳过间隔且连续运行定时器代码的情况。 这个例子中的第1个定时器是在205ms处添加到队列中的，但是直到过了300ms处才能够执行。当执行这个定时器代码时，在405ms处又给队列添加了另外一个副本。在下一个间隔，即605ms处，第一个定时器代码仍在运行，同时在 ...

函数绑定：在特定的 this 环境中，以指定参数调用另一个函数。常常与回调函数和事件处理程序一起使用一遍在将函数作为变量传递的同时保留代码执行环境。 12345678var handler = { name: "阿清", sayName: function(event) { alert(this.name); }};var btn = document.getElementById("btn");btn.addEventListener("click", handler.sayName, false) //undefiend 结果显示的是undefiend，这是因为没有保存handler .sayName() 的环境，所以 this 指向DOM按钮而非handler（在IE8中 this 指向window）。 解决方法：ES5为所有的函数定义一个原生的 bind() 方法。 12345678var handler = { name ...