easyUI的引用方式

easyUI的引用方式

          引用的方式

          分为两种饿汉式、懒汉式，两者的不同在于建立对象单例的时间上不同。

          饿汉式

          不管你用不用这个对象，一开始就建立这个对象的实例，一开始就实例化所有对象，还没有用到这个对象的时候，已经实例化了。

          在类创建的同时，就实例化一个静态对象出来，不管之后会不会使用这个单例，都会占据一定的内存，但是，在第一次调用时速度也会更快，因为，其资源已经初始化完成。

          懒汉式

          当你需要用到的这个对象的时候，才去建立这个对象，才去实例化。

会延迟加载，第一次使用该单例的时候，才会实例化对象出来，第一次调用时要做初始化，如果要做的工作比较多，性能上会有些延迟。

          饿汉式加载

<link rel="stylesheet"type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet"type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript"src="easyui/jquery.min.js"></script>
<script type="text/javascript"src="easyui/jquery.easyui.min.js"></script>

          这种也是最常用的方式。

          这种方式会加载easyui提供的所有功能，不管你页面上会不会用的到，简单暴力。

          懒汉式加载

<link rel="stylesheet"type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript"src="easyui/jquery.min.js"></script>
<script type="text/javascript"src="easyui/jquery.easyloader.js"></script>

          这种方式就相对比较懒。

          只会在使用特定功能的时候才会加载相对应的plugins下的js和风格里css文件，而其它不使用的功能对应的js和css永远不会被下载，而easyloader.js就是负责用于加载各个插件的。