js解决EasyUI页面渲染速度慢问题(Mask遮罩)

 1 /**
 2  *  页面加载等待页面
 3  *
 4  * @author gxjiang
 5  * @date 2010/7/24
 6  *
 7  */
 8  var height = window.screen.height-250;
 9  var width = window.screen.width;
10  var leftW = 300;
11  if(width>1200){
12     leftW = 500;
13  }else if(width>1000){
14     leftW = 350;
15  }else {
16     leftW = 100;
17  }
18
19  var _html = "<div id='loading' style='position:absolute;left:0;width:100%;height:"+height+"px;top:0;background:#E0ECFF;opacity:0.8;filter:alpha(opacity=80);'>\
20  <div style='position:absolute;  cursor1:wait;left:"+leftW+"px;top:200px;width:auto;height:16px;padding:12px 5px 10px 30px;\
21  background:#fff url(/wlzl/js/themes/default/images/pagination_loading.gif) no-repeat scroll 5px 10px;border:2px solid #ccc;color:#000;'>\
22  正在加载，请等待...\
23  </div></div>";
24
25  window.onload = function(){
26     var _mask = document.getElementById('loading');
27     _mask.parentNode.removeChild(_mask);
28  }
29
30
31  document.write(_html);

View Code

转载于:https://www.cnblogs.com/kkwoo/p/3994694.html

js解决EasyUI页面渲染速度慢问题(Mask遮罩)相关推荐

vue 组件第一次不渲染问题_解决vue页面渲染但dom没渲染的操作
我就废话不多说了,大家还是直接看代码吧~ this.$nextTick(() => { $("select[name='ddlCostCenter']").select2({ ...
canvas+howler.js 解决同页面视频、音频同时播放问题
canvas+howler.js 解决同页面视频.音频同时播放问题参考文章: (1)canvas+howler.js 解决同页面视频.音频同时播放问题 (2)https://www.cnblogs. ...
提高Web页面渲染速度的7个技巧
用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅.如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用.作为开发人员,给自己应用提供更快的访问速度,提供很好的用户体验 ...
仅使用CSS提高页面渲染速度
用户在访问一个Web网站(页面)或应用时,总是希望它的加载速度快,功能流畅.如果过于慢,用户就很有可能失去耐心而离开你的Web网站或应用.作为开发人员,给自己应用提供更快的访问速度,提供很好的用户体验 ...
一个可能让页面渲染速度提升数倍的CSS属性
浏览器在接收到服务端返回的 HTML 之后,需要把这段数据渲染成用户看到的页面,在开始渲染第一个元素之前可能还需要经过很多步骤.这个过程会适用于整个页面,包括当前不可见的内容. 所以在首屏渲染时,是有 ...
一个可能让你的页面渲染速度提升数倍的CSS属性
本文来自:Code秘密花园浏览器在接收到服务端返回的 HTML 之后,需要把这段数据渲染成用户看到的页面,在开始渲染第一个元素之前可能还需要经过很多步骤.这个过程会适用于整个页面,包括当前不可见的内 ...
5渲染判断_Vue页面渲染中key的应用实例教程
引言在前端项目开发过程中,el-table展示的结果列使用组件形式引入,其中某些字段通过:formatter方法转码,结果栏位的字段显示/隐藏控制也使用组件形式引入,前端在控制字段显示属性时,发现码 ...
JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
JS动态修改页面EasyUI datebox不生效.EasyUI动态添加Class.EasyUI动态渲染解析解决方案参考文章: (1)JS动态修改页面EasyUI datebox不生效.EasyUI ...
Spring boot+Thymeleaf+easyui集成：js创建组件页面报错
开发工具:Ideal 使用场景:Demo 前提: 环境:Spring boot +Thymeleaf+easyui 引入thymeleaf模板引擎 1 <html lang=&qu ...

js解决EasyUI页面渲染速度慢问题(Mask遮罩)

js解决EasyUI页面渲染速度慢问题(Mask遮罩)相关推荐

最新文章

热门文章