在mui.init()中预加载页面和通过mui.preload预加载页面有什么区别？

在官方文档中看到这两种预加载页面的方式不知有什么不同？

官网的文档介绍mui.fire时，有一点没有看懂，这句 var id = event.detail.id;，
取id为什么用event.detail.id。设置newid事件时不是 id:id，取值时为什么event不等于id？
那么event.detail是什么意思？
mui.fire(detailPage,'newsId',{
id:id
});

//初始化预加载详情页面  
mui.init({  
  preloadPages:[{  
    id:'detail.html',  
    url:'detail.html'             
  }  
  ]  
});  

var detailPage = null;  
//添加列表项的点击事件  
mui('.mui-content').on('tap', 'a', function(e) {  
  var id = this.getAttribute('id');  
  //获得详情页面  
  if(!detailPage){  
    detailPage = plus.webview.getWebviewById('detail.html');  
  }  
  //触发详情页面的newsId事件  
  mui.fire(detailPage,'newsId',{  
    id:id  
  });  
//打开详情页面            
  mui.openWindow({  
    id:'detail.html'  
  });  
});  

详情页面代码如下：  

//添加newId自定义事件监听  
window.addEventListener('newsId',function(event){  
  //获得事件参数  
  var id = event.detail.id;  
  //根据id向服务器请求新闻详情  
  .....  
});