摘要：
开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档也非常粗糙，很多效果需要自己慢慢敲代码摸索。所以我写这个教程的目的一是自己总结，二是与大家分享。本篇是系列教程的第一篇：入门篇。在这篇文章中，我将以一个简单的demo为例，阐述three.js的基本配置方法。学完这篇文章，你将学会如何在浏览器中绘制一个立体图形！准备工作在写代码之前，你首先要去下最新的three.js框架包， 阅读全文
摘要：
JavaScript 语言中的 this由于其运行期绑定的特性，JavaScript 中的 this 含义要丰富得多，它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式：作为对象方法调用，作为函数调用，作为构造函数调用，和使用 apply 或 call 调用。下面我们将按照调用方式的不同，分别讨论 this 的含义。作为对象方法调用在 JavaScript 中，函数也是对象，因此函数可以作为一个对象的属性，此时该函数被称为该对象的方法，在使用这种调用方式时，this 被自然绑定到该对象。清单 2. point.js v... 阅读全文
摘要：
当我开始学习JavaScript的对象模型时，第一反应就是难以置信。我完全被它的原型本质给弄糊涂了，毕竟这是我头一次遇到以原型为基础的语言。因为JS中有构造函数这个概念，所以我看不出使用原型能给JS带来任何的好处。我敢说你们中的大部分人也有同样的经历。但是当我更多的使用JavaScript后，我不仅开始理解它的对象模型，甚至还喜欢上了它的一部分。感谢JavaScript让我见识到了原型语言的优雅与灵活。现在的我十分推崇原型语言，原因就是相对于以类为基础的语言，原型语言的有着更简单、更灵活的对象模型。JavaScript中的原型绝大部分的指南或者教程在开始讲解JavaScript对象时，总是直接 阅读全文
摘要：
Filters主要是运用在图片上，以实现一些特效。（尽管他们也能运用于video上），不过我们在些只来讨论图片上的运用。语法 elm { filter: none | <filter-function > [ <filter-function> ]* } 其默认值是none，他不具备继承性，其中filter-function一个具有以下值可选：grayscale灰度sepia褐色（求专业指点翻译）saturate饱和度hue-rotate色相旋转invert反色opacity透明度brightness亮度contrast对比度blur模糊d... 阅读全文
摘要：
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅（这个属性会调用硬件加速模式），但是在android下不可乱用，很多见所未见的bug就是因为这个。4、@-webkit-keyframes可以预定义很多你所想到的动画，然后通过-webkit-t 阅读全文
摘要：
标题直译一下就是：变形、过渡、动画。好像都是用来实现CSS动画的！是的，不过至于他们分别做什么用，大概会迷惑吧？反正我自己是迷惑了很久（就这样的人了）。要分清他们之间的区别，得跳出“动画”这么一个概念来谈谈。首先是Transform，变形。这货和动画根本就没关系。。什么？CSS3新增的哦，很多动画都看到他。。没错，很多动画都有，所以很容易迷惑，其实没有他同样也可以做动画，等下会说到。那么这货是什么呢？Transform定义的只是普通的CSS3属性，普通到和width、height没太大区别，不同的是他比其它CSS属性更犀利，有了他我们可以实现变形、旋转、缩放、移位及透视等功能，通过一系列功能的 阅读全文