我们在开发前端页面的时候，经常需要用到动态效果，往往我们自己去设计开发动态效果的效率和成果都很堪忧，一般都是在库里采用合适的动态效果。JavaScript动态效果库一般采用纯CSS，可以提高性能（GPU），能够提供很好的向后和向前兼容性，它可能是创建动态效果的最有效方式。1.Three.js得到超过43K的star，这个流行的库是在浏览器上创建3D动画的最好的一种方式，它用了WebGL。通过提供<canvas>、<svg>、CSS3D和WebGL渲染器...

我们都知道，JavaScript是单线程的，也就是说，同步代码很有可能会阻塞任务。如果我们使用异步编程，就可以避免阻塞后面的代码的执行。现在主流的异步编程方案主要分为四种，接下来我们一个一个的来看。1.回调函数用最简单的回调函数来做例子：functionf1(callback){setTimeout(function(){//f1的任务代码callback();},1000);}f1(f2)通过setTimeoutcallback函数把同步操作变成了异步。回调函数的优点便是：...

在JavaScript中有很多的辅助函数扮演着各种各样的角色，无论是下载文件，还是页面的元素的添加，动态捕捉等等功能，都需要它们的参与，下面我们就来看看如何定义这些辅助函数。1.定义getContentLength函数顾名思义getContentLength函数，用于获取文件的长度。在该函数中，我们通过发送HEAD请求，然后从响应头中读取Content-Length的信息，进而获取当前url对应文件的内容长度。functiongetContentLength(url){ret...

1.下面代码的输出是什么?letgreeting;greetign={};//Typo!console.log(greetign);A:{}B:ReferenceError:greetignisnotdefinedC:undefined答案:A控制台会输出空对象，因为我们刚刚在全局对象上创建了一个空对象！当我们错误地将greeting输入为greetign时，JS解释器实际上在浏览器中将其视为global.greetign={}（或window.greetign={}）。为了...

我们都知道继承是Java语言的特色，事实上在JavaScript语言中也是存在继承关系的，本文我们就来介绍一下JavaScript的8种继承方案，每一种方案都是一种独特的继承方式，各有各的优点。1.原型链继承构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。functionSuperType(){this.property=true;}...