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

简介: 本节书摘来自华章社区《Ext JS权威指南》一书中的第1章,第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官网,看看里面的博文,去论坛走走,多交流交流,也是不错的。

相关文章
|
5天前
|
存储 JavaScript 前端开发
从零开始学习Vue.js
Vue.js 是一种流行的前端框架,它使用简单,灵活且易于上手。如果你是一个前端开发者,并想要学习 Vue.js,本文将为您提供一个从零开始的指南。我们将探讨 Vue.js 的基础知识和常用功能,以及如何构建一个简单的 Vue.js 应用程序。
|
7天前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
7天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
|
9天前
|
XML Web App开发 前端开发
字节FE:JavaScript学习路线图
字节FE:JavaScript学习路线图
41 0
|
9天前
|
XML JavaScript 前端开发
js基础知识
js基础知识
20 2
|
9天前
|
存储 移动开发 JavaScript
学习javascript,前端知识精讲,助力你轻松掌握
学习javascript,前端知识精讲,助力你轻松掌握
|
9天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
15 1
|
9天前
|
前端开发 JavaScript 安全
JavaScript 权威指南第七版(GPT 重译)(七)(4)
JavaScript 权威指南第七版(GPT 重译)(七)
29 0
|
9天前
|
前端开发 JavaScript 算法
JavaScript 权威指南第七版(GPT 重译)(七)(3)
JavaScript 权威指南第七版(GPT 重译)(七)
43 0
|
9天前
|
前端开发 JavaScript Unix
JavaScript 权威指南第七版(GPT 重译)(七)(2)
JavaScript 权威指南第七版(GPT 重译)(七)
43 0