《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官网,看看里面的博文,去论坛走走,多交流交流,也是不错的。

相关文章
|
14天前
|
JavaScript 前端开发 程序员
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
JavaScript是Web标准语言,广泛应用于各类浏览器,造就了其最广泛部署的地位。Node.js的兴起扩展了JavaScript的使用场景,使其成为开发者首选语言。无论新手还是经验丰富的程序员,都能受益于学习JavaScript。[《JavaScript权威指南第7版》资源链接](https://zhangfeidezhu.com/?p=224)
29 5
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
|
10天前
|
Web App开发 存储 JavaScript
前端如何学习Node.js及Node.js的主要用途
【7月更文挑战第16天】 学习Node.js对前端开发者至关重要,涉及理解其基于V8的运行时环境、JavaScript基础、安装与验证、核心模块(如fs、http、path)及npm管理。实践项目,如用Express建服务器,参与开源,深入学习异步编程和事件循环。Node.js用于服务器开发、构建工具、本地开发服务器和实时应用,提升全栈能力。借助官方文档和各种资源加速学习。
20 4
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的学生网课学习效果评价附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学生网课学习效果评价附带文章源码部署视频讲解等
36 2
|
19天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的语言课学习系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的语言课学习系统附带文章源码部署视频讲解等
17 3
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的中医学习服务管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的中医学习服务管理系统附带文章源码部署视频讲解等
24 1
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的在线学习过程管理系统软件附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的在线学习过程管理系统软件附带文章源码部署视频讲解等
14 1
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
17 0
|
18天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生国学自主学习平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生国学自主学习平台附带文章源码部署视频讲解等
19 0
|
21天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的英语学习交流平台小程序附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的英语学习交流平台小程序附带文章源码部署视频讲解等
21 0
|
21天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的学习资源推送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的学习资源推送系统附带文章源码部署视频讲解等
17 0