`

EXT新手 建议建立自己的工具箱

阅读更多
我认为学习EXT开发最好的方法是,在真正开发之前,掌握好高级JavaScript知识,
就像鱼儿游在水里一样对JS运用自如。

自己可以创建JavaScript的类、明白类原型(class's prototype)的原理,
和明白函数的作用域都是有益的帮助。

明白Ajax为什么要异步方式也是其中的一个知识点。

论坛上50%所提出的问题很大原因是对JavaScript知识不牢固所至,而不是EXT API的问题。

当真正开始用EXT做开发了,那么安装目录下examples/*的文件夹超过70个例子便是研究的好对象,
这些例子为你展示了你日后将会使用的大多数技巧或方法。

接着,最好就是先拿examples/*的文件夹中例子练一练手,做一些简单、轻型的小项目。
如果直接拿EXT结合到程序去开发,很可能你会因为越来越复杂的问题泥足深陷。

把每一项的 知识点/技巧 都做成可单独运行文件,这样以便你以后参考,还有一个好处是,可以发到论坛上,然后我们放到examples/*的文件夹,以便我们的测试并协助你。

如果能按照以上的建议去做,我相信这是一个很好的累积。而且按照我的角度看,整个UI就是这样一点一点构建起来。

Animal

Ext官方中文教程列表

特别鸣谢:Ext中文站整理、维护
注意:转载文章,请保留原始链接和署名

入门:

Tutorial:EXT简介

extjs.com/learn/Tutorial:Introduction_to_Ext_2.0_(Chinese)

Tutorial:Ext 2简述

extjs.com/learn/Ext_2_Overview_(Chinese)

Tutorial:EXT新手建议

extjs.com/learn/Tutorial:EXT新手建议

Tutorial:怎么轻松地进入Ext的世界?

extjs.com/learn/Tutorial:Playing_With_Ext_The_Easy_Way_(Chinese)

Tutorial:Javascript中的作用域(scope)是什么?(一)

extjs.com/learn/Tutorial:What_is_that_Scope_all_about_(Chinese)

Tutorial:Javascript中的作用域(scope)是什么?(二)

extjs.com/learn/What_is_that_Scope_all_about2_(Chinese)

Manual:Ext源码概述

extjs.com/learn/Manual:Ext_Source_Overview_(Chinese)

Manual:Ext与RESTful Web Services

extjs.com/learn/Manual:RESTful_Web_Services_(Chinese)

程序设计:

Tutorial:如何合理地规划一个应用程序

extjs.com/learn/Tutorial:Application_Layout_for_Beginners_(Chinese)

Tutorial:如何本地化ext的教程

extjs.com/learn/Tutorial:Localizing_Ext_(Chinese)

Tutorial:xtype的含义

extjs.com/learn/Tutorial:Xtype_defined_(Chinese)

Tutorial:扩展Ext中的组件

extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese)

Tutorial:扩展与插件之间的区别

extjs.com/learn/Manual:Component:Extension_or_Plugin_zh-CN

Tutorial:Ext组件的复用

extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese)

Tutorial:从源码生成Ext

extjs.com/learn/Tutorial:Building_Ext_From_Source_(Chinese)

基础用法:

Tutorial:DomQuery基础

extjs.com/learn/Tutorial:DomQuery_Basics(Chinese)

Tutorial:Ext中的事件

extjs.com/learn/Tutorial:Events_Explained_(Chinese)

Tutorial:简述模板

extjs.com/learn/Tutorial:Getting_Started_with_Templates_(Chinese)

Tutorial:模板(Templates)的函数

extjs.com/learn/Tutorial:Utilizing_Format_Features_of_Templates_(Chinese)

Manual:事件的处理

extjs.com/learn/Manual:Intro:Event_Handling_cn

Manual:Ext中的继承

extjs.com/learn/Manual:Intro:Inheritance_(Chinese)

Manual:Ext的类设计

extjs.com/learn/Manual:Intro:Class_Design_cn

Manual:Ajax通讯

extjs.com/learn/Manual:Core:Ext.Ajax_(Chinese)

Manual:JSON处理方法

extjs.com/learn/Manual:Core:Working_with_JSON_(Chinese)

Manual:函数的原型扩展

extjs.com/learn/Manual:Utilities:Function_(Chinese)

组件的使用:

Tutorial:Tab标签页

extjs.com/learn/Tutorial:TabPanel_Basics_(Chinese)

Tutorial:Ext 1.x中的布局

extjs.com/learn/Tutorial:Using_Layouts_with_Ext_-_Part_1_(Chinese)

Tutorial:Grid组件初学

extjs.com/learn/Tutorial:Beginning_Using_the_Grid_Component_(Chinese)

Tutorial:Grid的数据分页

extjs.com/learn/Tutorial:Basics_of_Paging_With_the_Grid_Component_(Chinese)

Tutorial:Ext菜单器件

extjs.com/learn/Tutorial:Ext_Menu_Widget_(Chinese)

Tutorial:表单组件初学

extjs.com/learn/Tutorial:Getting_Started_with_Forms_(Chinese)

Tutorial:表单组件初学(二)

extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form_(Chinese)

Manual:Cookie的存储

extjs.com/learn/Manual:Core:State_(Chinese)

YUI-Ext(Ext前身)的相关文章

Tutorial:EXT新手建议:建立自己的工具箱(Toolkit)

extjs.com/learn/Tutorial:EXT新手建议

Tutorial:如何用YUI轻松做JavaScript动画

extjs.com/learn/Tutorial:如何用YUI轻松做JavaScript动画

Tutorial:轻松三步,搞掂内存泄漏

extjs.com/learn/Tutorial:轻松三步,搞掂内存泄漏

Tutorial:用YUI-EXT创建Ajax Feed-viewer

extjs.com/learn/Tutorial:用YUI-EXT创建Ajax_Feed-viewer

Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版

extjs.com/learn/Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版

Tutorial:EXT设计模式初学习

extjs.com/learn/Tutorial:EXT设计模式初学习

Tutorial:预览 :增强版的拖放和新增的TreePanel

extjs.com/learn/Tutorial:预览_:增强版的拖放和新增的TreePanel

Tutorial:创建一个可复用的AJAX对话框--一个完成好的例子

extjs.com/learn/Tutorial:创建一个可复用的AJAX对话框--一个完成好的例子

Tutorial:创建YUI的Grid

extjs.com/learn/Tutorial:创建YUI的Grid

Tutorial:Grid 调用远程数据

extjs.com/learn/Tutorial:Grid 调用远程数据

Tutorial:为Yahoo! UI Extensions Grid增加内置的可编辑器

extjs.com/learn/Tutorial:为Yahoo! UI Extensions Grid增加内置的可编辑器

Tutorial:Ext.MasterTemplates 入手

extjs.com/learn/Tutorial:Ext.MasterTemplates 入手

Tutorial:像了解爱人一样了解ExtJs

extjs.com/learn/Tutorial:像了解爱人一样了解ExtJs

Tutorial:JSON和浏览器安全

extjs.com/learn/Tutorial:JSON和浏览器安全

Tutorial:JavaScript的一种模组模式

extjs.com/learn/Tutorial:JavaScript的一种模组模式

Tutorial:关于JavaScript的 貌似类(pseudo-classes)----不吐不快

extjs.com/learn/Tutorial:关于JavaScript的 貌似类(pseudo-classes)----不吐不快	

Tutorial:Application Layout 程式開發入門介紹

extjs.com/learn/Tutorial:Application Layout 程式開發入門介紹

Tutorial:如何建立一個可以Disable/Editable的Editor gird

extjs.com/learn/Tutorial:如何建立一個可以Disable/Editable的Editor gird



小菜毛毛 2009-05-15 15:06 发表评论
分享到:
评论

相关推荐

    ext4 文件映像制作工具 linux-tools

    为了管理和维护ext4文件系统,开发者们创建了各种实用工具,其中就包括用于制作ext4文件映像的工具。"ext4 文件映像制作工具 Linux-tools" 是一套专门针对ext4文件系统开发的软件包,它包含了多种用于分析、检查、...

    EXT IDE,方便的EXT开发工具

    2. **项目管理**:IDE支持EXT项目的创建、导入和管理。它允许用户组织源代码文件,设置依赖关系,以及管理配置文件,如`app.json`和`manifest.json`。 3. **构建工具**:EXT IDE集成了构建系统,能够自动化编译、...

    ext4解压工具和操作方法.rar

    包含3个工具:make_ext4fs、simg2img、kusering.sh。 1. 解压system.img为system.img.ext4。命令:simg2img system.img system.img.ext4 2. 创建system.img.ext4挂载目录tmp; 命令:mkdir tmp; 3. 挂载system....

    ext相关工具包

    EXT是一个流行的JavaScript...总的来说,这个"ext相关工具包"是构建基于EXT的Web应用的基础,包含了运行EXT应用所需的所有关键文件。通过合理使用这些文件,开发者可以创建出具有专业级用户体验的JavaScript应用程序。

    EXT 最新IDE开发工具

    通过这一特性,开发者可以直接从工具箱中选择需要的表单组件,然后在设计视图中拖放到合适的位置,极大地简化了界面设计的过程。此外,拖放功能还支持对已有表单元素的调整,如改变大小、更改位置等,使得布局调整变...

    ext可视化编辑工具

    综上所述,EXT可视化编辑工具是提高前端开发效率的有效工具,尤其适合EXT JS新手和团队。它与Google App Engine的Java SDK结合,能够为开发者提供从前端到后端的完整开发解决方案,帮助他们快速构建功能强大且用户...

    ext可视化开发工具

    ext可视化开发工具 是一个不错的ext开发工具

    Windows读取Ext4分区的工具 Ext2Read

    这时,就需要借助第三方工具来实现这一目标,例如“Windows读取Ext4分区的工具”——Ext2Read。 **Ext2Read工具详解** Ext2Read是一款免费且开源的软件,它专为Windows用户设计,旨在提供对Linux EXT2、EXT3和EXT4...

    win下查看ext3、ext4磁盘格式的小工具

    win下查看ext3、ext4磁盘格式的小工具

    EXT分页工具条

    EXT分页工具条(Ext.toolbar.Paging)是EXT的toolbar组件的一个子类,可以通过以下代码创建: ```javascript var pagingToolbar = Ext.create('Ext.toolbar.Paging', { store: myStore, // 关联的数据存储 ...

    ext design preview,ext设计器,ext可视化工具,ext ide,ext汉化设计器,ext汉化可视化工具

    ext design preview,ext可视化工具,内涵汉化包.破解包,Ext+Designer+Preview.rar包中有破解汉化步骤

    ext4-util源代码——制作make_ext4fs和simg2img工具

    本文将深入探讨如何使用`ext4-utils`工具集来创建`make_ext4fs`和`simg2img`这两个关键工具,这对于理解Android系统底层工作原理以及进行相关开发和调试非常有帮助。 `make_ext4fs`是一个用于创建ext4文件系统的...

    ext工具包

    EXT工具包是一款强大的JavaScript库,专门用于构建富前端用户界面,尤其在企业级Web应用中广泛应用。EXT的核心设计理念是提供一套完整的、易于使用的组件模型,让开发者能够快速创建出功能丰富且美观的网页应用程序...

    Ext官方中文教程(可打包下载)

    EXT新手建议 怎么轻松地进入Ext的世界? 从零开始Ext 设置基础页 Javascript中的作用域(scope)是什么?(一) Javascript中的作用域(scope)是什么?(二) Ext源码概述 Ext与RESTful Web Services 程序设计: 如何合理...

    EXT界面图形工具 Ext Designer 破解版

    第一步:Ext需要支持AIR的支持。下载并安装 http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe(已在文件中包含只需安装) 第二步: 安装Ext的核心安装包xds_preview.air; 第三步汉化: ...

    linux ext4映像制作工具

    本文将深入探讨如何使用指定的工具——`make_ext4fs`和`simg2img`来创建和处理ext4映像。 `make_ext4fs`是一个用于构建ext4文件系统的实用程序,它可以从一个目录结构直接创建一个文件系统映像。这个工具特别适合...

    Ext Designer EXt UI设计插件

    EXT Designer是一款专为EXT UI框架设计的可视化设计工具,它极大地简化了EXT用户界面的创建过程,让开发者和设计师能够快速、高效地构建出复杂的Web应用程序界面。EXT UI是一种流行的JavaScript库,它提供了丰富的...

    制作ext4文件系统工具

    纯linux原生make_ext4fs工具 用于制作ext4文件系统,支持selinux标签 使用方法: ./make_ext4fs [filesystem] [output_file] [-S binary_policy -f spec_file -a mount_point] [-b block_size] [-O feature] [-l ...

    WINPM转换EXT3格式工具

    WINPM是一款强大的磁盘管理工具,它允许在Windows环境下对分区进行创建、删除、格式化等操作,其中包括将文件系统转换为EXT3。 在实际操作过程中,用户首先需要下载并安装WINPM软件,然后连接USB存储设备或内存卡到...

    ext4_utils

    ext4_utils是一个针对ext4文件系统的工具集合,包含了创建、检查、调整和挂载ext4文件系统所需的各种命令。这些命令包括: 1. **mkfs.ext4**:创建新的ext4文件系统。用户可以指定分区、文件系统大小、块大小等参数...

Global site tag (gtag.js) - Google Analytics