目尽地平线

纹理纹理用来表现物体的细节。理论上可以将物体的每个细节建模出来，但是这样时间成本和性能成本都太高，因此，将物体的一些细节用纹理来表示。

在做视频演示或视频游戏的时候，需要对视频进度进行精确控制，但是，android系统对html5 video标签的实现上，却不支持视频的精确定位，基于性能考虑，在暂停时的改变将不会刷新画面。下文是项目中用到的一种变通方法

矩阵可以用来表示图形的变换。css3定义了matrix和matrix3d方法，用来表示2维和3维的变换。下文将分析这两个接口的使用方法，并且用下文的思路，实现了一个简单的用js控制css3变换的jquery插件css3js

DocumentFragment相当于一份脱离document的文档，所以往其中添加元素，对其中元素做各种操作都不会影响到document文档，不会触发回流、重绘和重组等。使用它的好处在于，你可以合并多个dom操作，减少操作dom的次数。

对于background:-webkit-radial-gradient这种复杂的背景，只能给opacity添加过渡效果，当做背景图片处理

对Snap.svg的一些对象（Element、Matrix、Snap等）作简单说明

Snap.svg对原生的svg进行了封装，为svg的创建、操作提供了便捷的方法，但是官网的文档对一些概念没有解释，难免会造成困扰。比如说路径的旋转，就存在变换后得不到路径交点的问题。

如何在ES6的类中写事件回调函数？如何访问类的this变量 ？如何隐藏事件回调函数，使外部不能访问

加载3D模型需要使用ColladaLoader加载器，Collada是一个3D模型交换方案，即不同的3D模型可以通过Collada进行相互转换，言外之意，threejs可以使用Collada将3D模型的数据转换成自己支持的格式

骨骼是什么？骨骼就是一个可以控制其它形状的对象。在threejs中，骨骼（Bone）就是一个空的Object3D对象

Sprite精灵Sprite叫精灵，计算机图形学中，精灵指包含于场景中的二维图像或动画（wiki）。在threejs中，是指一个永远面向相机的平面

项 描述 现象 之前没有问题的代码，突然出现很多奇怪的错误 原因 没有更新webstorm的Nodejs路径设置造成的 解决办法 重新设置webstorm的Nodejs路径，见下图重新选择Nodejs安装目录，点击应用

跨域跨域是指一个资源请求与其不在同一个域（源）的资源，不在同一个域（源）是指两个域的协议、域名或端口不同。同源策略出于安全考虑，浏览器制定了同源策略， 限制了某些跨域请求。同源策略是跨域问题产生的根源。但是，同源策略并没有限制所有的跨域请求，比如浏览器不限制加载嵌在标签中跨域的js文件。跨域资源共享（CORS）跨域资源共享（CORS）是浏览器提供的一种跨域协商机制，让前后端

形状和材质虚线画虚线：function DrawDashLine(){ var geometry = new THREE.Geometry(); /** * vertexColors: false 关闭使用点颜色来生成线的颜色，这个值默认是false，如果设置为true，那么后面设置的color将不起作用 * ...

现在上网设备越来越多，各种设备的屏幕千差万别，可以使用响应式图片基于屏幕清晰度、视口宽度、艺术设计、浏览器对图片格式的支持情况去加载，使得图片更适合屏幕，同时节省带宽

在没有网络的情况下，网页能否像单机应用一样，依赖本地数据运行？h5提供了application cache，保存网页的离线数据，在断网的情况下，依然能运行。网页应用已经越来越像本地应用了

js自定义事件 实现观察者模式，模块之间完全通过事件协作和传递信息。写了一个典型的观察者应用和一个游戏的框架代码，来演示自定义事件的使用

bower 是一个常用的包管理工具，但是bower overrides配置是什么？怎么用？bower官网没说清楚，这里结合实际的例子，简单讲解一下

简单介绍一下perspective属性

本文讲介绍一些基于 Chrome Dev Tools 的实用的客户端Javascript 调试小技巧。我将重点关注那些无从下手，不知道该在哪儿添加断点的情景。

结合实际例子讲解状态模式在前端项目中的使用

引子为什么Jquery能实现不传回调函数也能解绑事件？jquery是怎么实现的？是有特别的编程技巧还是使用了缓存？缓存是如何实现的

函数作为另一个函数的参数时，就要小心：是传入函数对象，而不是函数调用后的结果

在threejs中，阴影可以定义为“在渲染器支持的情况下，有一个可以产生阴影的光，照射在若干个可以产生阴影的物体上，并在某个可以接受阴影的物体上产生阴影”。所以，要产生阴影，渲染器、光、物体，接受光线的物体，四者缺一不可。渲染器需要设置阴影渲染renderer.shadowMapEnabled = true;光线要设为能产生阴影//表示这个光是可以产生阴影的spotLig...

threejs中屏幕坐标系向threejs坐标的转换方法，以及实现物体跟随鼠标移动

概述性能监视是监视threejs运行中的刷新频率，要使用到threejs提供的stat.js，可视化控制是在窗口中显示一个可见的控制框，可以通过鼠标改变其中的值，达到改变threejs对象参数的目的

Javascript事件通过冒泡传递，事件最初发生在某个元素，然后传递给该元素的父元素，父元素再传给父元素，如此一级一级往上传递。如果事件发生的元素不处理事件，而是让事件传递到祖先元素，让祖先元素处理，这就是事件委托。

现在很多网页的按钮都是用a来做，那么如果实现禁止点击呢？很多效果需要用到标签穿透，如何实现呢？今天刚好遇到这个问题，记录下来以备查阅

家里断网了，女票说要看电影。电影之前早已下好，奈何播放器不给力，播放不了rmvb格式，怎么办？办法很简单，使用浏览器来播放！

setInterval，每隔一个时间段执行一遍函数，但是如果函数名带了括号，则只会执行一次

创建第一个ES6项目，使用webpack的babel-loader编译

javascript自定义事件在模块化开发上很有用，能帮助降低模块之间的耦合度！本文讲为什么要，以及如何使用自定义事件。

原生js的offset***方法以及jquery的offset()方法，获取元素到浏览器边界的位置，做网格坐标的时候刚好用到这个

javascript本身语法比较松散，可以使用eslint进行静态检查，检测出不符合编程规范的地方。本文记录windows下安装eslint的过程

这是一个真实的事，一家比较大的公司举办的一个全国性的投票，然而，页面确实写得很烂，做假太容易。

promise可以解决多个回调函数嵌套问题，将嵌套所表示的流程通过同步的代码更加清晰的表达出来。promise的用法与使用配置文件很类似：启动异步函数，在then里面配置好异步函数成功或执行失败的回调函数，然后就可以去干别的事了。

当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件，就会触发

js重写，代码片笔记

为了方便编写web试题，直接使用几个简单的标签，就可以生成一份可以在web上使用，并且可以打印出来的试卷。

实现菜单自适应