正交投影变换

在webgl里，我们观察物体，只有物体在可视范围内才会被绘制，可视范围一般有长方体和锥形的，长方体可视空间是由正交投影产生的，另外一个是金字塔塔型的，具有近大远小的效果。正交投影变换不涉及到近大远小这种问题，还是比较简单的。只有一个坐标的转换，在使用正交投影的时候，基本上是将物体投影到一个规范化的立体空间里。如下图（百度图片找的）

正交投影变换的计算

javascript原型链

在es6出来之前，js里没有class关键字，实现继承只能手动操作原型链。es6种新增的class也是原型链的语法糖，所以要学好js是绕不开原型链的，最少面试也要问。

首先我们看下原型链是怎么使用的。

1
2
3
4
5
6
7
8
9

function Animal() {
    this.weight = 20;
}
Animal.prototype.eat = function() {
    console.log('animal eat')
}

let dog = new Animal()
dog.eat() // 'animal eat'

浏览器渲染的相关的知识

浏览器渲染有一些零碎的知识点，不常用经常忘记，写个文档记录下。

浏览器渲染流程

浏览器渲染的过程主要包括以下五步：