《Ext JS权威指南》——1.1节学习Ext JS必需的基础知识

1.1　学习Ext JS必需的基础知识

1. JavaScript
   嗯，这个还用说吗？Ext JS本来就是一个JavaScript的框架，而且使用Ext JS就需要使用JavaScript语法来开发，需要JavaScript的知识是必然的了。问题的关键是，开发人员对JavaScript知识的掌握也有深浅之分。譬如，我碰到一些开发人员，对JavaScript算是很熟悉了，但是不会JSON，不会直接使用JSON对象，在使用Ext JS的过程中，需要使用JSON对象的时候，居然是通过组装字符串的方式，然后使用eval方法将其转换为对象来使用的。这就是因为JavaScript学习深度不足造成的。

那么，到底JavaScript要学到多深才能学好Ext JS呢？这个问题也不太好回答。不过以笔者的经验来说，建议仔细认真地看一次《JavaScript权威指南（第5版）》 和《JavaScript高级程序设计（第2版）》这两本书，重点关注和理解以下内容：
函数。
变量。
作用域（scope）。
原型模式（prototype）。
闭包。
文档对象模型DOM。
Document对象。
动态HTML事件以及事件处理。
Ajax。
JSON。
以上这些知识对于了解和使用Ext JS非常有帮助。因JSON涉及服务器端的处理，所以本书会在本章1.2节讲解。

1. HTML
   HTML知识，这个对于Web开发人员来说应该是很熟悉的东西。这里主要就是需要熟悉HTML的各种标记。
2. CSS
   因为CSS知识的缺乏，很多开发人员在使用Ext JS出现显示问题时不知道如何调试，不知道如何去找错误。而这对学习理解Ext JS也造成了障碍。事实上，全部的JavaScript框架，就是通过脚本的方式生成页面元素与CSS，通过控制这些元素和CSS，实现需要的功能的，因而，掌握好CSS知识，对学习Ext JS非常重要，这要引起重视。譬如，对于布局，了解布局对象生成的页面元素和CSS，对加深布局的理解和使用是很有帮助的。因此，我建议对CSS还不是很熟悉的开发人员，好好补上这一课。其实，这个也不难学。因为Ext JS 4中已经嵌入了很多HTML 5和CSS 3的内容，笔者建议阅读一下《HTML 5与CSS 3权威指南》这本书，在补课的前提下顺便学习HTML5与CSS3。
3. 面向对象的知识
   Ext JS框架是完全基于面向对象思想创建的，能掌握这方面的知识，对理解整个框架的运作和使用是非常有帮助。所以，我建议大家好好看看《设计模式》这本书。这不但对学习Ext JS有帮助，对学习服务器端的开发语言也是很有帮助的。

5.三层架构的知识
Ext JS本身在客户端就使用了三层架构，所有UI组件都是表现层，Store是数据访问层。明白了这个，就可避免在UI组件里找数据了。而通过Ajax技术，把浏览器当做表现层，服务器端当做数据访问层。这样，服务器只通过XML格式或JSON格式提供必要数据就行了，全部的表现可在客户端通过Ext JS实现。这样就避免了服务器端代码和客户端代码混搭在一起的问题，从而实现了客户端与服务器端的脱钩，简单来说，就是定义好数据的通信格式，写客户端的可以不管服务器端，写服务器端的可以不管客户端，客户端根据通信格式接收数据，服务器根据通信格式提供数据就行了。这样的优点就是，无论服务器端的架构怎么变（例如我今天用.NET的，明天或许用Java的）都没关系，按通信格式提供数据客户端都能正确显示。客户说，这个界面不好，要改，没关系，修改客户端就行了，因为数据还是那些数据，与服务器端无关。
总的来说，只有明白了三层架构才能深入了解Ext JS的开发思想，才能使用它开发出好的Web应用程序。
介绍三层架构的书不多，原因可能是这个不算太复杂，理解上也不难。而且这已经是属于架构师的工作范围了。如果你的目标是架构师的话，可以阅读一下《架构之美》和《企业应用架构模式》。
6.其他的建议
实践是最好的老师，如果碰到问题，或者有什么的想法：Just do it！错误是在所难免的，只有做过，才懂得为什么不能这样，为什么要这样。笔者就是在错误中成长起来的，所谓吃一堑长一智！写Web应用，最大的问题就是宕机而已，有啥可怕的！问人，或许能解决一时的问题，但是不可能一个项目从头到尾都问别人。“自己动手，丰衣足食”是真理！
如果有时间，建议多看看Ext JS的API文档和多研究一下Ext JS压缩包中的例子，这对学习也是大有裨益的。如果能更进一步研究研究源代码，那就更好了。
如果看英文没问题，建议多上上Ext JS官网，看看里面的博文，去论坛走走，多交流交流，也是不错的。