使用easyui的$.parser.parse()解决页面初始化样式丑的问题

问题：

进入主界面的时候，页面的并不是马上就展现，而是会有一个混乱的过程，之后一闪就又好了。
原因：就是因为easyui是在dom载入完毕之后才会对整个页面进行解析，当布局和组件比较多的时候，完整的解析组件就需要一个过程，就会出现短暂的界面混乱现象。

解决办法：

利用onComplete 事件+载入遮罩。相当于把那段easyUI渲染时的不友好页面给隐藏掉了

1、使用easyui加遮罩层，实现具体代码如下：

html代码

<div id="loading" style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB;text-align :center;padding-top:20%;">
	<h1><font color="#15428B">加载中....</font></h1>
</div>

js代码

function closes() {
    $('#loading').fadeOut('normal', function () {
        $(this).remove();
    });
}
var pc;
 
$.parser.onComplete = function () {
    if (pc) clearTimeout(pc);
    pc = setTimeout(closes, 1000);
}

效果对比：

参考链接：https://blog.****.net/zhgl7688/article/details/50970387