ext
文章平均质量分 70
lorry1113
这个作者很懒,什么都没留下…
展开
-
Ext源码分析:Ext.onReady到底做了什么?
注意:这篇文章我是针对FF来写的,看完这篇文章,你能把IE的也写出来,就说明你入门了:)代码下面有下载, 无 需引入任何js首先,我们来看下面的代码片段1.Crab = {};2.Crab.util = {};//把Namespace模拟出来3. 4.Crab.EventManager = function(){//仔细看看这个单例模式,以后调用Crab.Event...原创 2009-05-11 10:51:10 · 114 阅读 · 0 评论 -
Ext源码分析:解析Ext的命名空间,Ext.namespace
初学者一定对Ext大量的命名空间感到不解,其实是非常简单的东西,看完这篇文章就明白了。比如就用Ext.panel,Ext.layout.BorderLayout这2个命名空间来说吧,Ext是这样创建的:Ext = {};Ext.panel = {};Ext.layout = {};Ext.layout.BorderLayout = {};说穿了是啥?对象里面套对...原创 2009-05-11 10:52:34 · 137 阅读 · 0 评论 -
Ext源码分析源码分析之Ext的继承模式解说——第一节、类的定义
将Ext的extend继承,我大不算费很大的口舌来解释,因为真的很难表达,什么原型啦,构造函数啦等等拗口的词汇反而不会帮助我们理解,最通俗易懂的莫过于例子了。下面的例子都是模仿Ext的写法来写的,非常正轨,都是本人精心斟酌过的,是一种非常好的设计模式,希望大家既然来看了,就耐心品味下,呵呵,欢迎留言交流下面这个例子我不打算解释,请您自己思考下1.Crab = function(){...原创 2009-05-11 10:55:10 · 113 阅读 · 0 评论 -
Ext源码分析源码分析之Ext的继承模式解说——第二节、一个简单的继承
有了上一节的基础,我们这一节来模拟一个简单的继承1.Crab = function(){2. this.leg = 10;3.};4. 5.Crab.prototype.say = function(){alert(‘we hava ‘+this.leg+‘ legs‘)};6. 7.GenCrab = function(){//螃蟹进化成人,变成蟹将了,只有2条...原创 2009-05-11 10:56:09 · 117 阅读 · 0 评论 -
Ext源码分析源码分析之Ext的继承模式解说——第三节、分析Ext.extend
这一节我们贴出Ext.extend的源代码来分析1.extend : function(){2. // 内联函数,不懂?就是将这个方法编译后放入内存中3. var io = function(o){4. for(var m in o){5. this[m] = o[m...原创 2009-05-11 10:56:59 · 120 阅读 · 0 评论 -
Ext源码分析之模板模式解说——Ext组件渲染render的全过程详述
模板模式是设计模式中很重要的一个知识点,我在模式总结——模板方法这篇文章中已有总结,在面向对象设计中有着举足轻重的地位。在Ext中更是发挥的淋漓尽致,为什么这么说呢?Ext中的组件有着很深的继承关系,很多方法都有着重复,而且不仅是代码上的重复,更多的是流程上的重复 比方说,Ext.Panel吧,将一个Panel显示在浏览器中,其过程叫做render(渲染)。有这么几道工序:第一...原创 2009-05-11 10:58:31 · 149 阅读 · 0 评论 -
ExtJS 中的类与继承
在项目中使用ExtJS已经有一段时间了, 对于这个庞大的Script类库有了一定的了解, 在Ext的使用上也有了一定的经验,现将这些经验做一下总结, 作为一个入门材料给大家分享。 对于Ext库, 不要被它的庞大所吓倒, 只要静下心来看SDK, 多做一些练习,还是很容易上手的。ExtJS 中的类与继承 在Ext下, 定义一个JavaScript类似乎没有什么特别的, 可以直接声明一...原创 2009-11-09 14:27:08 · 97 阅读 · 0 评论 -
js 优化实践
前一阶段由于页面上的性能出了问题,于是进行了一次性能上的优化,时间也过了一阵了,想总结出一些东西来,可是一直没有时间,今天下班早一些,赶紧整理一下思路,以免以后忘记了。 我们的框架配置:Struts2+Spring+Ext2.1 页面布局:主页面=menu+toolbar+tabPanel ,每一个模块一个TAB页的形式展现出来。(很传统) 我们经历的...原创 2009-12-22 11:57:38 · 88 阅读 · 0 评论 -
部署ext
下面介绍下如何部署ext到自己的项目中,通过本节的了解,您就可以开始利用ext制作各种个样的绚丽效果了。要使用ExtJS,那么首先要得到 ExtJS库文件,该框架是开源且可以自由发布的。可以直接从官方网站下载,网址http://extjs.com/download,进入下载页面可以看到如下图所示内容,本教程使用的2.x版本。 我们下载2.0.2的zip版本,解压后得到如下图的目录:...原创 2009-07-13 14:21:09 · 187 阅读 · 0 评论