在写代码的时候，经常会遇到一个头疼的问题，就是要在一个页面中引入很多的类，需要用到include_once或者require_once()函数一个一个引入。当引入的内容不多时，还可以接受，但是如果有十几个或者几十个文件需要引入，操作次数多，烦躁不说，还会出现重复引入或者忘了引用的情况。

现在在PHP中我们可以用__autoload()方法来解决这个问题，__autoload()方法可以自动实例化需要使用的类。当程序要用到一个类，但该类还没有实例化时，PHP5将调用__autoload()方法，在指定的路径下自动查找和该类名称相同的文件。如果找到，程序则继续执行；否则，报告错误。

原型模式是一种创建者模式，其特点在于通过“复制”一个已经存在的实例来返回新的实例,而不是新建实例。本文将针对原型模式进行实例详解，希望对大家有所帮助。原型模式中主要角色抽象原型(Prototype)角色：声明一个克隆自己的接口具体原型(Concrete Prototype)角色：实现一个克隆自己的操作当一个类大部分都是相同的只有部分是不同的时候，如果需要大量这个类的对象，每次都重复实例化那些相同的部分是开销很大的，而如果clone之前建立对象的那些相同的部分，就可以节约开销。针对php的一种实现方式就是__construct()和initialize函数分开分别处理这个类的初始化，construct里面放prototype也就是公共的部分，initialize里面是每个对象特殊的部分。这样我们先建立一个类不initialize，以后每次clone这个类再进行initialize就可以了。&

CreateJS 是基于 HTML5 开发的一套模块化的库和工具，用于快捷地开发基于HTML5的游戏、动画和交互应用。

gka 为 createjs 开发定制模板 gka-tpl-createjs ，仅需一行命令，优化图片资源，生成雪碧图及 createjs 动画文件。关于 gka 更多了解，请点击 https://github.com/gkajs/gka

使用 createjs 播放雪碧图动画

为了减小图片大小、减少http请求，可以对图片集进行合图，如下(图片来自 createjs 官方示例)

日常的开发中，我们可能会碰到对音频操作的业务逻辑。原生的 Audio 并不是很好用，所以我们需要一个完美的第三方支持。

这一节，我们来说说音频插件 Howler。

一、关于 Howlerjs

Audio library for the modern web.

howler.js makes working with audio in JavaScript easy and reliable across all platforms.

作者介绍：Marsboy，现就职于腾讯游戏增值服务部，负责AMS游戏营销平台的前端开发工作。

1 webpack

1.1 webpack是啥

webpack是一个工具，是一个致力于做前端构建的工具。简单的理解：webpack就是一个模块打包机器，它可以将前端的js代码(不管ES6/ES7)、引用的css资源、图片资源、字体资源等各种资源进行打包整合，最后按照预设规则输出到一个或多个js模块文件中，并且可以做到兼容浏览器运行。图1是一个经典的阐述webpack是什么的一张官方图