fusionapp预加载代码

以下是使用Fusion自带的预加载器进行资源预加载的示例代码：

fusion.preload([
  // 需要预加载的资源
  '/images/image1.jpg',
  '/css/style.css',
  '/js/script.js'
], function () {
  // 所有资源加载完成后执行的回调函数
  console.log('所有资源加载完成！');
});

在上面的代码中，`fusion.preload`方法接受两个参数：需要预加载的资源数组和所有资源加载完成后执行的回调函数。在这个示例中，我们将需要预加载的图片、CSS文件和JavaScript文件的URL放入一个数组中，当所有资源加载完成后，将执行一个简单的`console.log`语句。

如果需要自定义预加载器，可以参考以下示例代码：

var preloader = function (resources, callback) {
  var loaded = 0;
  var total = resources.length;

  var onload = function () {
    loaded++;
    if (loaded === total) {
      callback();
    }
  };

  for (var i = 0; i < total; i++) {
    var resource = resources[i];
    var type = resource.split('.').pop();

    var element;
    if (type === 'js') {
      element = document.createElement('script');
      element.src = resource;
    } else if (type === 'css') {
      element = document.createElement('link');
      element.rel = 'stylesheet';
      element.href = resource;
    } else if (type === 'jpg' || type === 'png' || type === 'gif') {
      element = new Image();
      element.src = resource;
    }

    element.onload = onload;
    document.head.appendChild(element);
  }
};

preloader([
  '/images/image1.jpg',
  '/css/style.css',
  '/js/script.js'
], function () {
  console.log('所有资源加载完成！');
});

在这个示例中，我们定义了一个名为`preloader`的预加载器函数，它接受两个参数：需要预加载的资源数组和所有资源加载完成后执行的回调函数。在预加载器函数中，我们使用了`document.createElement`方法动态创建了需要预加载的资源元素，并将它们添加到页面中。当所有资源加载完成后，将执行回调函数。