`
sp42
  • 浏览: 149374 次
  • 来自: Canton
文章分类
社区版块
存档分类
最新评论

构思ExtJs的按需加载方案

阅读更多
根据原作者的思路,Ext是没有在脚本层面过多考虑其依赖问题的——作者推荐的方案是登录其官方网站,有专门的依赖分析器给你生成代码。
时下的Ext,仅仅是通过“单根继承”的方式确立其依赖关系。因此,要分析依赖关系,最好的方法是从继承链入手,即具体代码是Ext.Extend()。

此时修改Extend(),即必须Extend设为一回调,有两种途径实现:
a. 加多一个函数做壳Shell,包裹着Extend。这个比较简单,但略显Hack;
b. Function.createInterper()作AOP,实现回调有困难,待验证。

无论a,b方案,都是得知依赖关系后,页面动态生成script tag加载所需脚本的。

当前方案ExtJS Only。

今晚收获的是一个比较切题的函数:

/**
 * 
 * defineLiteral('bar', 'baz', 'qux', 'quux'); // => bar.baz.qux.quux
 * bar.baz.qux.quux.toString(); // => 'bar.baz.qux.quux'
 */
function defineLiteral() {
  var o = window, args = arguments, prop;
  for (var i=0, l = arguments.length; i>l; ++i) {
    prop = arguments[i];
    o[prop] = o[prop] || { }; o = o[prop];
    if (i == l-1) o['toString'] = function() {
      return Array.prototype.join.call(args, '.')
    }
  }
  return o;
} 
分享到:
评论

相关推荐

    extjs tree 异步加载树型

    异步加载树型是 ExtJS Tree 的一个重要特性,允许只在需要时动态加载子节点,从而提高页面的加载速度和用户体验。 异步加载通常通过 AJAX 请求实现,只有当用户展开一个节点时,才会向服务器请求该节点的子节点数据...

    ExtJs GridPanel延时加载.rar

    在给定的"ExtJs GridPanel延时加载.rar"文件中,主要涉及的核心概念是ExtJs中的GridPanel组件以及延时加载技术。GridPanel是ExtJs中一个非常重要的组件,它用于展示表格数据,而延时加载则是一种优化大量数据处理的...

    ExtJs中Store加载(load)时候提示信息

    在开发基于ExtJS框架的应用程序时,处理数据加载与用户交互是至关重要的环节。当Store在加载(load)数据过程中,向用户提供明确的提示信息,不仅能够提升用户体验,还能增加应用的专业度。以下是对如何在ExtJS中...

    Extjs 动态加载树

    标题“Extjs 动态加载树”涉及到的是一个前端开发技术话题,主要集中在使用Extjs框架构建能够动态加载数据的树形结构。Extjs是一个基于JavaScript的组件化UI库,常用于开发富客户端应用。动态加载树(Dynamic ...

    Extjs动态加载菜单

    首先,动态加载菜单的概念是指菜单项不是在页面加载时一次性全部显示,而是根据用户的操作或特定条件按需加载。这种设计提高了应用的响应速度,降低了初始加载的资源需求,尤其是在菜单结构复杂或菜单项数量众多时。...

    Extjs4.2 动态加载项目(权限模块)

    动态加载是ExtJS中的一个重要概念,它允许应用程序按需加载所需的类和资源,从而减少初始页面加载时间,提高用户体验。 在“Extjs4.2 动态加载项目(权限模块)”中,动态加载主要体现在两个方面:一是对代码的懒加载...

    ExtJS构造动态异步加载

    而动态异步加载(Asynchronous Loading)则是在用户滚动或交互时按需加载数据,降低了初始加载的时间,提升了性能。ExtJS的树组件支持这种加载方式,只在需要时请求服务器获取节点数据。 接下来,我们关注树形结构...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在实际项目中,结合`jq`库(可能是jQuery的简写),可以方便地处理DOM操作,与EXTJS的组件交互,进一步增强动态加载的效果,比如添加动态加载的动画、错误处理等。 总结来说,`Ext.Panel`和`TreePanel`在EXTJS中是...

    Extjs3动态加载js源码

    动态加载JS(Dynamic JavaScript Loading)是现代Web开发中的一个重要技术,它可以提高页面的加载速度,减少初始加载的数据量,并在需要时按需加载资源,从而优化用户体验。 在ExtJS 3中,虽然没有像ExtJS 4那样...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    Extjs之旅-combox之远程加载数据

    本篇我们将深入探讨“Extjs之旅”中的一个关键组件——Combox(组合框),特别是其远程加载数据的特性。 Combox在ExtJS中是一个非常灵活的控件,它可以看作是下拉列表和文本输入框的结合体,用户可以输入文本搜索,...

    Extjs 4.2.x MVC 动态加载 controller demo

    demo描述: 1. 页面主框架是左是一个tree,右边是一个tablepanel 2. 左边的树是加载主页面的时候动态生成 3. 点击左边的树的节点动态加载...注:需要自己导入Extjs 4.2.x 的文件,该demo是用Extjs 4.2.1 写的

    Extjs的loading效果

    在本文中,我们将深入探讨如何利用ExtJS和CSS来实现加载时的缓冲效果。 一、ExtJS的Loading效果 ExtJS的loading效果是指当数据正在后台加载或页面正在处理时,显示的一种视觉提示,告知用户系统正在进行工作。这...

    Extjs4.1.x 框架搭建 采用Application动态按需加载MVC各模块完美实现

    中午的时候发了第一篇 Extjs4.1.x 框架搭建 采用Application动态按需加载MVC各模块 ,发现实现上还是有问题,有很多理解不到位的地方,晚上详细解决下了,终于实现MVC各模块按需加载了,哈皮。 上篇文章中,关于...

    Extjs4树结构异步加载

    在ExtJS4中实现树结构的异步加载,主要涉及以下几个关键概念: 1. **TreeStore**: TreeStore是树结构的数据源,它负责管理与服务器之间的数据通信。对于异步加载,我们需要配置TreeStore,设置`autoLoad`为`false`...

    extjs实现动态树加载菜单

    动态树加载菜单是 ExtJS 中一种常见且实用的功能,它允许用户在需要时按需加载树节点,从而提高应用性能,减少初次加载时的数据量。 动态树加载,也称为懒加载或按需加载,是指在用户滚动、展开节点或执行其他操作...

    ExtJs 实现动态加载grid完整示例

    在ExtJs中,动态加载Grid是一种常见的数据展示方式,它允许用户在需要时按需加载数据,而不是一次性加载大量数据,提高应用性能和用户体验。在本示例中,我们将探讨如何使用Ext3.3实现这一功能。 首先,我们来看...

    ExtJs在struts2.0.x下实现动态树的解决方案

    本文将深入探讨如何在Struts2.0.x框架下利用ExtJs库来实现动态树的解决方案。 首先,我们需要了解ExtJs。ExtJs是一个强大的JavaScript库,提供了丰富的组件和布局,用于构建富客户端应用程序。它提供了树形控件...

    ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能

    动态加载意味着Grid的数据不是一次性全部加载到页面上,而是根据用户的滚动或分页请求按需加载。这通过使用Store组件的`load`方法和远程代理(如`JsonPStore`或`AjaxStore`)来实现。配置store时,可以设置`...

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

Global site tag (gtag.js) - Google Analytics