Hi，第 个小可爱..(๑•ᴗ•๑)

H5游戏构建和优化思路（一）

为了总结方便，本文基于layaAir引擎进行叙述，但其概念适用于大多数H5游戏。

一月份离职期间看了本书《游戏编程模式》（作者：Robert Nystrom），觉得还不错哦，如果之前没有接触过游戏编程可以一看，读书笔记见《游戏编程模式笔记》

由于文章有点长，所以分了几个部分，本文主要阐述基本构建思路、游戏布局及其过程中所做的相关优化。

展开全文 >>

《你不知道的JavaScript》笔记

LHS和RHS查询

当变量出现在赋值操作的左侧时进行 LHS 查询，出现在右侧时进行 RHS 查询。RHS 查询与简单地查找某个变量的值别无二致，而 LHS 查询则是试图找到变量的容器本身，从而可以对其赋值。如果查找的目的是对变量进行赋值，那么就会使用 LHS 查询;如果目的是获取变量的值，就会使用 RHS 查询。

展开全文 >>

微专业助教过程中一些比较有趣的问题

问题1

1
2
3
4
5
var obj1 = {x:5};
var obj2 = obj1;
obj1.a = obj1 = {x:6};
console.log(obj1.a);//undefined
console.log(obj2.a);//{x:6}

需要明确两点：
1.连等是先确定所有变量的指针，再让指针指向赋值。
2.属性访问器优先级高于=

上面的过程是：
1.找到obj1.a及obj1的指针。如果有，不改变，如果没有，进行创建，初始化为undefined
2.把找到的指针指向最右的赋值

展开全文 >>

工厂模式 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// 父构造函数
function CarMaker(){}

// 父构造函数的原型方法
CarMaker.prototype.drive = function(){
	return this.doors;
}


// 静态工厂方法
/**
 * @param  type 具体的汽车制造商
 */
CarMaker.factory = function(type){
	var constr = type,
		newcar;

	// 如果构造函数不存在则发生错误
	if(typeof CarMaker[constr] !== "function"){
		throw{
			name:"Error",
			message:constr
		}
	}

	// 原型继承父类，但仅继承一次
	if(typeof CarMaker[constr].prototype.drive != "function"){
		CarMaker[constr].prototype = new CarMaker();
	}

	// 创建一个新实例
	newcar = new CarMaker[constr]();

	return newcar;
}

// 定义特定的汽车制造商
CarMaker.Compact = function(){
	this.doors = 4;
}

CarMaker.SUV = function(){
	this.doors = 24;
}

展开全文 >>

单例模式

静态属性中的实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function Universe(){
    // 判断是否有现有的实例（是否缓存过实例）
    if(typeof Universe.instance === "object"){
        return Universe.instance;
    }

    this.start_time = 0;
    this.bang = 'Big';

    // 缓存实例
    Universe.instance = this;

    // 隐式返回
    // return this;
}

var uni = new Universe();
var uni2 = new Universe();
alert(uni === uni2);

缺点是instance属性是公开的，可能会被修改

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

做人嘛<br>最紧要是开心啦~