[Ext JS 4] 动态加载

Ext JS 4 require 动态加载

一次性加载完所有的js 文件，对于比较大型的项目来说，效率较为低下。可能只是一个简单的首页，也要几秒甚至十几秒才能出得来。

是否可以在需要的时候才进行加载？

动态加载，是Ext JS 4 中新增的特性。

先直接看看Ext JS 4 中如何实现动态加载。

例子步骤：

1. 新建一个 MusicWin.js 文件，内容如下：

Ext.define('App.ux.MusicWin',{  play : function(){  alert('playing...');  }
});

使用Ext 的方式定义一个类：App.ux.MusicWin ，此类中有一个方法play, 方法体就很简单，打印一个提示信息。

2. 在测试页面中 dynamicLoad.html 中，动态的载入以上js, 并调用play 方法。

<!-- oscar999 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; cha

[Ext JS 4] 动态加载相关推荐

js的动态加载、缓存、更新以及复用（四）
本来想一气呵成,把加载的过程都写了,但是卡着呢,所以只好在分成两份了. 1.页面里使用<script>来加载 boot.js . 2.然后在boot.js里面动态加载 bootLoad.j ...
js插件动态加载js、css解决方案
最近因为工作需要做了一个js自动导入的插件,一开始很天真的以为动态创建个script添加到head中就ok了,试了之后才发现了问题,就是如果同时引入了多个js文件,而且后一个文件中用到了前一个文件中的 ...
函数载入的html触发onload,JS IFRAME动态加载触发onload事件解析
这篇文章主要为大家详细介绍了JS IFRAME动态加载触发onload事件解析,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧. JS代码如下: /* ...
JS练习 -- 动态加载JS
文章目录导读通过CDN网站获取js的url url.script.src XHR加载.script.text 参考资料导读日期:2022-1-18 分析网页时,经常遇到一些库未加载的情况,比如 ...
html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...
js怎么动态加载js文件（JavaScript性能优化篇）
下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 [基本优化] 将所有需要的<script>标签都放在</body>之前,确保脚本执行之前完 ...
【jquery】Chosen.jquery.js 插件动态加载数据问题
Chosen.jquery.js目前版本v1.6.2,官方文档链接https://harvesthq.github.io/chosen/ 插件有一个css文件和一个js文件,都命名为Chosen,引入 ...
第二十四节：动态加载JS和动态加载CSS
1.动态加载JS 一般需要用到js,需要将js放到<script></<script>中,一般script放到页面底部:或者在顶部引入外部js. <!DOCTYPE ...
原生js实现动态加载js文件?
一.写在前面今天拼多多笔试题,题目如下: 实现一个动态加载函数function loadScript(src, attrs)返回Promise, 其中 src是脚本地址,attrs是脚本属性. 二. ...

[Ext JS 4] 动态加载

Ext JS 4 require 动态加载

[Ext JS 4] 动态加载相关推荐

最新文章

热门文章