Ext Js作为一个流行的富客户端JS组件库,已经在项目中大量采用。大家在学习和应用中发现了一些问题,现谈下我的看法,希望对大家有所启发和帮助,敬请各位批评指正。
1. 学习的路线:
l 掌握javascript
javascript是大家比较容易忽视的一门语言,在web2.0大行其道的时代,加之我们日常Ext JS的大量使用,如果不能深刻理解并掌握Javascript,对使用并扩展Extjs会造成很大的障碍。下面是我在学习Javascript中遇到的几个难点问题,如果下列问题能够掌握,我认为日常使用的JS将不存在困难。
l 深刻理解JS的变量作用域及执行顺序
非简单的顺序执行,变量定义不分先后,函数中的任意一处的变量定义在整个函数作用域内均有效。
l 理解JS中的this的含义
函数定义在构造函数或者原型中将成为实例方法,函数作为属性添加到构造函数中,将作为类方法(类似静态方法)。this一般指代方法的调用者,如果不特殊指出(Function.call(this,arg))将是全局变量在页面中即window对象。
l JS继承的方法,
冒充对象、原型继承,一般采用混合方式即属性定义在构造函数中,方法定义在原型中。
l 闭包的理解及应用
闭包简单来讲,即函数实例的引用。利用闭包可以使公有方法暴露出私有变量,从而得到面向对象中对变量的适度封装。另外在异步调用中,利用闭包可以保留JS异步执行时的局部变量。
l 将Widgets的使用,集成在页面中。
l 熟练使用Ext Js core库API,如操作Dom,CSS、继承。
l 能够读懂Ext的源码并能够做扩展。
后记:
在大家的日常开发中,有不少人喜欢将别人的代码稍加改造成为自己的代码,模仿本无可厚非,但是如果不求甚解,只是拷贝,我想对于个人的技术发展是很不利的。如果不能理解语言级别基本的东西,你将无法驾驭它并随心所欲创建你的代码;如果不能理解优秀代码或框架的设计思想,只是记住API,你每天做的只是重复的劳动,你只能停留在抄袭的原点上,你的工作也只是别人代码的简单堆积,代码的优化和设计无从谈起。在一大堆低质量代码的背后,意味着维护的高难度和复用的零可能。
推荐大家Javascript权威指南第五版及Javascript高级程序设计
2、应用ExtJS
当一个项目中大量使用ExtJS,JS文件有数十个,如何管理并清楚地使用项目中的JS是个值得思考的问题。下面是我
l 定义好项目的目录将JS文件统一放于某个文件夹中。
l 编写”无干扰的Javascript”,即将大量的JS与HTML分离(展现与行为分离),HTML中编写较少的JS,使得JS可以复用。
l 统一采用面向对象的JS的编程机制,各个UI组件统一继承于我们自定义的组件基类,如Gridpanel的基类,TreePanel的基类,一般采用默认配置,个性化配置参数,从而使界面的风格统一。
l 采用命名空间,防止全局变量污染。
分享到:
相关推荐
一个不用写javascript的ext综合应用-简易java框架和Ext js 资源大全。
ExtJS Ext ExtJavascript Javascript
javascript类库-ext.js,javascript类库-ext.js
ext js javascript ext设计软ext js javascript ext设计软件件ext js javascript ext设计软件
JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools
javascript及ext学习要点(已完成).docx
Ext框架JavaScript开源框架Ext框架JavaScript开源框架
Ext是一个javascript库,它包含有javascript文件以及CSS文件和一些图片资源文件。所以要引用它,相当简单。把它解压之后,即可引用,比如: <link rel="stylesheet" type="text/css" href="../script/ext/resources/...
extjs帮助文档等!Ext JS - JavaScript Library
JavaScript凌厉开发——Ext JS3详解与实践JavaScript凌厉开发——Ext JS3详解与实践
Javascript完全学习手册内容简介:本书分4篇14章,介绍Javascript的知识,全书内容包括:Javascript语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、使用Cookie和...
JavaScript凌厉开发Ext详解与实践(源码) 清华大学出版社 张鑫 黄灯桥 杨彦强 编著
javascript经典应用,做出来的效果非常的花哨,好看
《快意编程:Ext JS Web开发技术详解》适用于初、中、高级软件设计人员,同时也可用做高校相关专业师生和社会培训班的教材,但在阅读《快意编程:Ext JS Web开发技术详解》前,需要读者掌握JavaScript的基础知识。
JavaScript基础深度原理学习心得,从中可以领略到JavaScript比较有深度的知识理解 JavaScript基础深度原理学习心得,从中可以领略到JavaScript比较有深度的知识理解
Ext.js 6 示例学习,内有一中文文档及一英文文档,供大家学习
Javascript学习总结, Javascript学习总结, Javascript学习总结, Javascript学习总结 Javascript学习总结
ext工作流javascript
ext js是一种用javascript编写的功能强大的ajax框架,可用于开发绚丽多彩的富客户端ajax应用。本书是ext js领域内的经典著作,由浅入深、循序渐进地对ext js各方面的知识进行了全面而系统的阐述。全书由一个可以引领...