`
andyhu1007
  • 浏览: 199246 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Ext JS框架初探

阅读更多

Ext JS 原先是YUI的一个扩展,如今独立发展成一个关注表现和行为的JS框架。

 

Ext JS的主要特点是组件化,Web客户端的常见显示和行为,数据的处理以及服务器端的通信都通过组件的方式进行包装。比如表单、toolbar、下拉框、viewport以及tree等页面常见表现和行为,JSON和XML等数据类型的处理以及AJAX等行为的封装,都有相应的专门组件。

 

这种处理方式的目的是对“数据”和“表现行为”进行隔离,让程序员摆脱HTML,CSS和JavaScript,而只需要关注跟强大的Ext JS组件接口的交互。但接口的学习和熟悉其实也需要一定的成本。

 

这种方式带来了一些很大的问题:

  1. 对“表现以及行为” -- 既HTML, CSS和JavaScript -- 的隔离和封装,使程序员失去了对这些代码的直接控制。
  2. 也是由于隔离,不得已造成了“邪恶的代码生成”。
  3. 这种方式也造成了HTML,CSS和JavaScript的高度耦合。

个人非常不推崇这种绑架用户的实现理念。Ext JS虽然强大,但却以失去自由为代价。

 

而相反,JQuery中多数插件以“注入方式”实现,比如在HTML tag添加一个class并会引入相应的表现和行为。这种低耦合的实现方式才是正确并值得推崇的。

 

最后,《Learning Ext JS》 中有一句话感同深受:Web应用发展的一个奇观是,经过一个轮回之后,又回归到客户端/服务端的应用模型。

 

--EOF--

 

 

 

0
3
分享到:
评论

相关推荐

    Ext JS 4 First Look

    Ext JS是一款强大的JavaScript库,用于构建企业级的Web应用程序。其丰富的组件集、灵活的数据管理功能以及对各种浏览器的支持,使其成为前端开发者的首选工具之一。Ext JS 4作为该系列的最新版本,在性能、可扩展性...

    nodejs入门到实战-02-webserver介绍和express框架初探

    Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境,它允许开发者使用 JavaScript 语言进行服务器端编程。在本节中,我们将探讨如何使用 Node.js 创建一个简单的静态 Web 服务器,并初步接触 Express 框架,...

    GWT通信机制初探

    标题 "GWT通信机制初探" 指的是探讨Google Web Toolkit (GWT) 的通信方式,这是一种用于构建高性能、跨浏览器的JavaScript应用程序的开发框架。GWT通过编译Java代码到JavaScript,允许开发者使用Java语言来编写前端...

    Extjs portal 应用初探

    首先,门户应用是一种组织和展示信息的框架,它允许用户自定义和个性化他们的工作环境。在ExtJS中,"portal"通常指的是Portlet布局,这是一种多列布局,允许用户在不同的列中添加、移除和调整大小的portlet(即小...

    ExtJS开发参考资料

    5. **第1章 WEB如此美丽,初探Ext JS.pdf.pdf** & **第2章 Ext JS 3.0实例入门.pdf.pdf**: 这两份资料可能是某一本书的章节,详细介绍了Web开发的美和Ext JS 3.0的实例应用。它们将帮助读者理解Ext JS在构建富...

    ExtJs资料大杂烩

    EXT_JS实用开发指南_个人整理笔记.docx ext-zh-help.pdf Ext2[1].0框架的Grid使用介绍.pdf ...第1章 WEB如此美丽,初探Ext JS.pdf 强大的EXT最新使用手册(中文).doc 深入浅出Ext_JS:数据存储与传输.doc

    jeecg开发指南

    JEECG提供了详细的框架初探指南,包括演示系统和示例代码。它向开发者展示了如何开始使用JEECG框架,并通过一些基础的演示来帮助理解框架的工作原理。 4. 代码生成器 代码生成器是JEECG平台中一个重要的组成部分。...

    OSGI 实践 资料 pdf中文

    3. "EXT2.0中文教程.exe":EXTJS是一个用于构建富客户端Web应用的JavaScript库,虽然不是直接与OSGi相关的,但了解前端技术对于开发全栈应用是必要的。 4. "初探OSGi的全文_程序人生.htm":这可能是介绍OSGi基础知识...

Global site tag (gtag.js) - Google Analytics