Discuz! Board

 找回密码
 立即注册
查看: 149|回复: 0

10.1.8 JeeSite4内置js 异步加载文件API

[复制链接]

72

主题

72

帖子

220

积分

超级版主

Rank: 8Rank: 8

积分
220
发表于 2021-10-8 14:40:55 | 显示全部楼层 |阅读模式
一个不肯培养员工的企业,肯定不是一个好企业!
10.1.8 JeeSite4内置js 异步加载文件API
/** * 异步加载文件,loadFilev1.0
* js.loadFile(file文件路径,callback成功回调, error失败回调)
*js.loadFile('js/test.js',function(){},function(data){});
* js.loadFile(['js/test.js','css/test.css'],function(){},function(data){});*/ js.loadFile(file, callback, error);
为什么要异步加载:
同步加载会阻塞浏览器的后续处理,即只有当当前文件加载完毕之后才能进行下一步的文件加载(如图像)、渲染、代码执行。如果js中有输出document内容、修改DOM、重定向等行为,就会造成页面阻塞。
什么叫异步加载:
异步加载不会阻塞浏览器的后续操作,即在加载执行js的同时,并行加载其他文件渲染页面。
在JeeSite4.0 中,异步加载文件支持的文件格式包含:样式文件css、图片jpg/jpeg/png/gif、脚本文件js。如果针对小文件,大家直接调用即可,如果针对大文件的异步加载,则建议在调用前加上js.loading显示加载框,以及在调用之后加上js.closeLoading关闭加载框。
js.loading(message,ignoreMessageIfExists);这两个接口后面的课程里面会有讲解。
案例:
js.loadFile('${ctxStatic}/demo3.html?version=1.12',function() {
              alert("成功之后的回调:common.css");
       }, function(data) {
              alert("我加载失败了common.css"+ data);
       });


推荐企业购买教程,有额外惊喜呦!QQ:3211247533
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|JeeSite4 视频教程.  

GMT+8, 2021-11-27 07:21 , Processed in 0.020401 second(s), 22 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表