ExtJS 设计模式 之一 (单例)
Extjs 发展至今,传承了YUI的伟大精髓, YUI得到了Douglas Crockford(任职于 Yahoo! 的一名 JavaScript 传道者和架构师,他是全球最有造诣的 JavaScript 语言专家之一,Blog:http://www.crockford.com/) 大师的赞同,而ExtJS也是将YUI的模式脚本编程学习使用的淋漓尽致,并且还给它做了几套华丽的CSS嫁衣…., 而在ExtJS越发耀眼的同时,我等初学者在使用ExtJs的时候也是晕呼其呼。(好在2.0 推出之后,官方的文档,像雨后春笋一样,开始覆盖到方方面面。)
其实,拨开ExtJS华丽的外衣,翻阅其体内精致的代码,不难发现一些我们耳熟能详的设计模式。
在早期1.0,1.1的好多例子中,我们会看到这样风格的代码。
var Oo= function(){
var x;
var y;
return{
a:function(){
...
},
b:function(){
...
}
}
}();
咂一看,不是我们能理解的方式, function(){}(), 是何意?。
//()在这里,意味着方法已经执行,并且return里面的已经产生, 这样可能很难理解,那等同与执行 function oo(){},这样是否好理解些了?
BTW :这里要引入JavaScript的一个高级概念,“闭包”。(具体内容参考《JavaScript The Definitve Guid,5th Eddion》Section 8.8 –Function Scope and Closures ,也是被Douglas Crockford推荐的为数不多的两本书籍之一。), 当然不急着去翻,先把我的废话看完。
好了,看这种使用别扭的使用方式, 而这种方式,在我们的页面,或者其他类中, 调用Oo的a方法的时候,形式如下
Ext.onReady(Oo.a);
对,正是这样的一种JS编程方式,被Douglas [...]
分享到:
相关推荐
单例模式是ExtJS设计模式之一,通过合理的使用可以极大地提升代码的质量和效率。了解和掌握单例模式不仅可以帮助我们在日常开发中编写出更好的代码,还可以让我们更加深刻地理解JavaScript的核心机制。
- **Singleton单例模式**:确保某个类只有一个实例,并提供一个全局访问点。例如,`Ext` 和 `Ext.Ajax` 都采用了单例模式。 - **Flyweight享元模式**:用于减少创建大量相似对象所需的内存消耗。在ExtJS中,`Ext.fly...
自己的理解,重写了公司底层代码,用的设计模式做多就是单例和模板方法,可以看下实际公司是怎么来用的,还有就是面向接口编程,如果给你在我现在这个基础上来改,自己去写主从表,看可不可以写出来.自己如何认真的...
ExtJS4是Sencha公司开发的一个强大的JavaScript框架,主要用于构建富客户端Web应用程序。这个框架以其丰富的组件库、灵活的布局管理、以及强大的数据绑定机制而闻名。在"ExtJS4官方指南翻译:DragandDrop拖放/Grid...
ExtJS是一个强大的JavaScript框架,主要用于构建富客户端应用。在日常开发中,我们经常需要处理日期相关的功能,例如日期选择器。在默认情况下,ExtJS的日期选择器(DatePicker)只支持单选,即用户只能选择一个日期...
4. **代码生成**:设计器的一个关键特性是能够自动生成ExtJS脚本。这意味着开发者无需手动编写大量DOM操作和事件处理代码,只需要关注于UI设计和逻辑结构,极大地简化了开发流程。 5. **提高开发效率**:对于ExtJS...
第十一讲.ExtJS布局模式-Box布局、使用ViewPort布局首页 第十二讲.ExtJS之Ext常用函数 第十三讲.ExtJS之Ext常用函数(二) 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax...
extjs-multisort-ux 该插件允许选择多个列,从而将多个远程排序添加到extjs网格中。 作者:Joshua McDonald电子邮件: 兼容性:Extjs 4.1日期:2012年8月14日 笔记: 该插件允许选择多个列,从而将多个远程排序...
基于ExtJS的工作流设计器,利用了ExtJS的强大组件模型和交互性,为用户提供了一个直观的方式来创建和编辑流程图。这样的设计器通常包括以下关键组成部分: 1. **组件库**:设计师需要一个包含各种工作流元素(如...
EXTJS视图设计器是一款强大的前端开发工具,专为构建企业级Web应用的用户界面而设计。EXTJS是一种基于JavaScript的富客户端框架,由Sencha公司开发,它提供了一套完整的组件化、可拖拽的界面元素,使得开发者可以...
ExtJS的MVC模式是其框架的核心特性之一,主要用于组织和管理复杂的用户界面代码,确保应用的可维护性和可扩展性。在深入讲解MVC模式之前,先了解一下ExtJS本身。ExtJS是一款基于JavaScript的开源UI库,它提供了一套...
EXTJS 是一个强大的JavaScript前端框架,它主要用于构建富客户端应用,提供丰富的用户界面组件和灵活的可定制性。EXTJS 的核心在于其组件化的架构,允许开发者构建复杂的UI布局和功能丰富的应用程序。以下是对EXTJS...
02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的文章模块界面搭建 07.继续搭建我的文章模块,...
MVC模式是一种软件设计模式,将应用程序分为三个主要组件:模型(Model)、视图(View)和控制器(Controller)。在ExtJS 4.0中,这种模式被应用于创建复杂的用户界面。 - **模型(Model)**:负责数据的存储和业务...
这个项目里面包含了本人从开始初学EXTJS4的全部事例:grid、tree、chart图表、文件上传、mvc、还有用户信息注册。里面的一些难点、要点都加了注释,还有一个file.txt文件是本人的小小总结,还没完整。我也是一个第一...
在ExtJS框架中,网格(Grid)是一种常用的数据展示组件,它允许用户以表格形式查看、编辑和操作数据。在实际应用中,我们经常需要在网格中实现搜索功能,以便用户能够快速找到所需的信息。标题"extjs-grid-searching...
这个在线设计器是EXTJS的一个实例,它展示了如何利用EXTJS的组件和API来创建一个完全基于JavaScript的图形化设计工具。EXTJS以其丰富的用户界面组件、高度可定制性和灵活性而闻名,使得开发者能够构建出功能强大且...
extjs前台设计工具:不错的前台设计工具,使用起来很方便。web应用设计前台工具首选。
ExtJS是一个广泛应用于构建富客户端Web应用程序的JavaScript框架,它以其强大的组件库、优雅的数据绑定机制和可定制的用户界面而闻名。标题“extjs3源文件下载”指的是获取ExtJS 3版本的源代码,这通常是开发者为了...