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

    xiaoxiao2021-04-18  210

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

    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节讲解。

    HTMLHTML知识,这个对于Web开发人员来说应该是很熟悉的东西。这里主要就是需要熟悉HTML的各种标记。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。面向对象的知识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官网,看看里面的博文,去论坛走走,多交流交流,也是不错的。

    相关资源:七夕情人节表白HTML源码(两款)

    最新回复(0)