移动项目技术负责人。多年全栈经验,熟悉 Java 和 JS,CSDN 博客技术专家,著有《ExtJS 详解与实践》等书。
像在座阅读此文的读者一样,由于自身的兴趣,我对 AJAX 编程方面的研究是持续不断的。随着该领域的深入,我越来越发觉所谓的浏览器 DOM,即 HTML DOM,是一个非常值得关注的点。在与资深的技术人员们交换意见的时候,也曾谈到过这样的观点,就是关于 DOM Level 1,我们仍然缺乏具有深度的、规范的辅助读物,而且网络上搜索也比较少见。
November 11, 2009 by Nigel White 译:Frank Cheung(zhangxin) Ext JS高级插件开发教程 Advanced Plugin Development with Ext JS 当创建一个跨浏览器的富客户端应用时,我们大多数人首先要考虑的是选择一个组件数量较多的框架。
勉强开启软件项目把次序都搞乱了。 Poorly run software projects jumble the steps 大多数软件都不是精品,凑合着勉强地在跑着 Most software projects are poorly run.
敏捷就不同了 Agile is different 敏捷它是进化了的 Agile is evolved 多个构建阶段的构建起软件 Building software is multi-stage process 瀑布 式的是一种荒废的多阶段过程 Waterfall...
界面(是否可取“接口”之意译)就是两者交接的地方 Interfaces are the place-between 一面对于人,另一面对于软件 Interfaces to human, interfaces to other software 软件就像通往沼泽的高速公路 Sof...
导读:一图胜千言,从事UI的工作者对于这句话的含义应该尤其明白。本系列博客将连载几期的Cooper幻灯片,关于“面向UI的敏捷开发”方面的内容。Cooper何许人也?还未了解他的朋友请先google一下,即可证明本人发帖的动机还是很明显的:),即借一借Cooper的真知灼见,小译一番,张贴出来。
注:无法访问原页面的同学请浏览备份: http://blog.csdn.net/zhangxin09/archive/2010/06/28/5700502.aspx 沉寂一时的JavaScript开源社区:“JS堂” 又有新牛人加入了,此君乃andy_ghg兄。
JSBuilder2 (extjs.com/products/jsbuilder)是配合 Ext JS 3 新发布的源码打包工具,用 Java 语言编写,打包编译成 JAR 格式执行文件发布到程序员手中。
YUI 3中的继承模式及其用法简介 January 6, 2010 at 6:30 am by Stoyan Stefanov 文中讨论了YUI 3 两种代码复用的方式:基于类的继承(classical inheritance pattern)和原型继承(prototypal inheritance)模式。
HTML5, Video, Canvas, and Ext JS January 14, 2010 by David Davis HTML5正要来临。本文将会检视一下两个HTML5开发至为引人注目的特性——视频Video及Canvas。
在数据量不太大的负荷的情况下,要求Grid显示数白行记录是绰绰有余的,若一子来50千行数据呢?这绝对不是“小儿科”,势必对客户编构成极大的压力,不论是网络通迅还是内存的占用。一般针对该情形,我们用分页就解决了呢。
所谓JSONP,是跨域的一种访问方式,其特点在于比较方便地运行第三方的请求会话来进行跨域。在跨域这一点上,可以说是毫无顾忌的。跨域(Cross-Domain)在网络安全眼中可不是什么客气的行为。利弊兼有之,弄不好的话既不能为第三方提供访问数据的服务,又暴露了更多的安全漏洞,严重的还会引狼入室。
三、Menu 咦!?Menu咱们不是讲过了吗?是的,Menu之前的实现是非常简单的一种,——作为较“专业”的Widget,Core还是有必要重新实现一个Menu Widget,所以送到你手上的就有这个Ext.ux.Menu。
介绍 Wdiget 之前,我想说说一个关于摘取网页的小插曲。之前我为大家介绍过摘取网页的好工具,ScrapBook 。ScrapBook 在处理纯视觉的页面,也就是 CSS/HTML 的时候,表现较为满意,只不过在选择下载“JavaScript”,就有那么一点力不从心了,——这不,人家也在上面说了“JavaScript may cause some problems”。
现在开始谈谈 Ext JS Core,有关网页 Widget 的应用。 首先是经典的 Lightbox 效果(单击我进入演示)。Ext.ux.Lightbox 支持两种方式的登记(register()),一种是单张的图片登记的,无须多说;另外一种是批量的,就是有“上一张”/“下一张”的效果,供用户前进或者后退。
最新完整的源码在: http://code.taobao.org/p/bigfoot_v2/src/tags/。 首先声明 Tag File 是门老技术,好用之余知道的人却不多! 简介 以前我们抽取一段JSP代码,整合到完整的页面中,一般使用 include 指令(例如),这比较简单的说。
刚看到老外的一篇博客,说到你喜欢的 JS 大师,还有一个受访者的工作 title,也就是工作职位。我正好比较感兴趣,这里罗列一下: Whats your job title (regardless of rank)? User Interface Engineer ...
大家知道Ext文档那些弄得很漂亮的HTML。翻译的工作完毕后,接着的任务转便是换为发布的格式。这次可选的格式除了一贯以往的Adobe AIR外,还有传统格式CHM。首先说说将HTML转换单一文件的CHM。
静态方法Ext.util.Observable.capture()是一项有趣的功能,它能够将一项事件进行捕获,跟踪该事件发生的经过。捕获事件就是观察Ext JS事件的调用过程。只要是继承了 Ext.util.Observable的组件,调用capture(),便可得知该组件何时何地怎样响应事件,也算是调试组件时的技巧。
http://www.jinweijie.com/javascript/javascript-closure-sample-john-resig/comment-page-1/#comment-13192 下面的 HTML 动画就说明了利用 setTimeout 函数来创建多个闭包: ...
话说在过去,Ext对大多数人来说只是芸芸JS代码中较出彩的一个,出彩在于其语法较“古怪”,俨然一片浮云,很多人都搞不懂。当时已经是JavaScript框架满天飞了,又出来一个,着实有哪些吸引人啊?不然每个来瞧了一下以后又是“过客”般匆匆消失于记忆中。
项目上线后,一般 JS 文件都是采用混淆的版本,而不会使用开发版本或者调试版本。如果需要为 ExtJS 库考虑一个 CDN 服务供应,本人第一时间可能会想到的便是链接 Ext 官方的 js 文件。
在一般的Web GUI 中,每个应用都分散在一个页面中,会随着页面的跳转而反映在浏览器的地址栏上;稍微复杂的基于Web 系统中,都采用划分Frame 元素或打开浏览器新窗口的方式来组织页面,从浏览器的地址看起来,虽然只有一个地址,但是子Frame 的页面还是会整张页面地刷新。
现代Web 前端的特征之一是由不止一个库所组成的,或者没有达到称为“库”的标准,有可能就是仅仅若干个小部件(Widget) 、某一段的JavaScript 代码(Snippets) 所组成。
既然一门语言被精简了,无论idea还是直观的语法,都务求精简的话,那么这便无形就是一个趋势,趋势往往不为人们的意志转移地转为自己的习惯,思维定性的习惯,连function这个关键字也有某仁兄觉得太长了,有缩减的必要。
有时候我们接触Ext会不会因为它的羞涩的JS语法让我们感觉到,驯服它不是一件容易的事呢?或许大家初初接触的时候,没错,是有很多的例子,但叹谓之余,仍感觉是老鼠来拉耗子,无从入手呢? 也许,我们应该静下心来,不一定要拼命地钻,不经意的一个界面,就可以由Ext绘制而成,好像这里为大家介绍的一个软件界面中常见的“关于”对话框。
**** Ext JS 3中文文档离线版下载 **** ExtJS4 專題 Ext概述系列 Ext 4 概述(一) Ext 4 概述(二)之Ext Core Ext 4 概述(三)之Env命名空间 & 语言增强包 & Ext.
一、如何同步调用Ajax远程数据 // 同步方式,API不直接提供,获取XHR的conn的引用即可 var url = "myApp/getUserList.do"; var conn = new Ext.
入门 和 JavaScript 异常的比较 异常是 Java 语言的大一特点,Java 拥有比较完善的异常机制。首先一点,Java 可以自定义异常类型,这个比 js 强大多。虽然 Java 和 jd 一样,使用 try...catch 语句可以捕获任意类型的异常,而且尽管 js 也不是不可以自定义异常类型,但是 catch 语句却不能自动辨别类型。
上一期的内容谈了DataWriter,实质是与DataReader相对应的产物。今期咱们讲Ext.Direct的内容,无论DataWriter还是Ext.Direct我们都可以先检查一下官方所提供的例子,结合本文,加深理解。
上期我们的内容是关于API接口的配置,其中涉及到CRUD只是略略一提,没有谈论太多,今期再重点说说。 根据CRUD 的原则,数据或资源操作不外乎“生、变、见、灭”的四大规律,也就是说,只需要“创建(Create )、获取(Read )、更新 (Update )和销毁(DELETE )”四种行为便可完成对资源的处理和操作了。
为了确保开发者的DataProxy API使用无误,我们定义了Ext.data.Api单例管理这些数据的API。除了创、见、变、灭的这四种CRUD操作进行了定义之外,还分别将这些操作映射到了RESTful的HTTP方法:GET、POST、PUT和DELETE。
今天开始的几篇帖子都是关于 Ext JS 布局的。伴随这一系列开始,我打算以制作一个 MSN 式的界面展开内容,也就是一个通讯器,通讯器它有展现联系人、联系人状态的地方,还有展现回话的区域。我们的目标不是实现一个消息传递系统,只是介绍其用户界面的构建过程,并有一些教学为目的的代码完成全文。
选项卡,又称“标签页”,英文中有统一名称,谓之 Tab。Tab 是一种常见的控件,能够有效地利用空间而广泛使用。 在线预览:http://naturaljs.googlecode.com/svn/trunk/demo/widgets/tab.html 开发过程中遇到的问题。
AIR一方面提供与Flash等量齐观的API,一方面拥抱市场上大批的 UI 框架,如何将这二者合二为一将对开发者的参考价值很大。教学第一,该书不是API文档乏味的复述,并有大量的例子与视频教学,学习AIR起来就可达到事半功倍的效果。
这不是采用CSS做的,开始我以为用了什么特殊手段做的,ff & ie6都一样,原来好不简单,算一算颜色怎么平均在两种颜色就可以了,当然还要逐级元素设置颜色,颜色是另外计算好的。使用该技术无论什么浏览器都不会有兼容性的问题,比较“硬”的方法实现一种特效 。
从 Ext JS 的源码看,作者编码之时参考了不少设计模式方面的宝贵经验,运用到许多类的设计中去的。可是一旦上升到“设计模式”,有朋友说不值当,大意是受限于 Script 级别编码的话搞“设计模式”会不讨好的说。
写在前面:关于“railroad diagrams”,摘抄自网络:http://202.207.0.245:9001/jisuanjifazhanshi/tuling/19.htm 我们目前所看到的许多语言的BNF实际上是EBNF,不过人们往往忽略掉这个E字。
开源软件 GoldenDict 是一款“词典”管理软件。为什么称之为“词典”管理软件呢?因为准确地说,GoldenDict 它本身并没有提供任何的“词典”,而是仅提供词典所需的各方面功能,好比一些词典常见的功能也包含在内,即普通查询单词和屏幕截取单词、单词发音三大功能。
YUI-ext 代码两侧 旧时,写 yuiext 的代码的时候便学习过这些代码,两侧都是制作动画的代码。时间大概是两年前左右(07年初),但心路历程感觉是过了许久 呵呵,真的有天上十天,地下十年的感觉。
Pixel Bender技术提供了一种于强大的图形和视频动态处理机制。Pixel Bender使用其特有的Kernal语言来描述图形处理算法,同时使用一种基于XML的描述语言将多个Kernal处理单元组合起来,形成更加复杂的滤镜。
如果要求的UI控件不需要其他的细节的控件,也就是,仅仅是封装某部分的HTML元素的话,还要听凭布局管理器提供的大小尺寸、布局的调控,那么这个的扩展对象就是Ext.BoxComponent。例如,假设一个Logger类打算是简单地显示log信息,就可以这样定义: Ext.
使用Ext编写Ajax应用程序时,初学者往往都会感到迷惑:到底应该怎样编写Ajax程序?事实上,每个初学者都会遇到这种情况——不知该如何下手,有时只是因为一点点设置不对就卡住了整个程序的运行,连HelloWorld也可能成为新手的拦路虎。
在经历数次 RC 版之后,extjs.com 终于发布 3.0 的正式版了。总体而言,较 2.0 改进不大,依然还是那套组件模型,但具体的变化就按照 website 的标题介绍如下: * 提供了参照 DWR 后与后台的通讯包 Direct,支持具有明显的 REST 风格的 CRUD 服务 * 一系列的新的组件和例子,包括有图表(Charting, By YUI Flash) * 功能增强和 Bug 修正,大约有1k多个吧~IE6下面的内存管理亦有所改善了 * 文档有新内容了,CSS 业已重构 * 巩固向后的兼容性,升级没有1.x-〉2.x 那时的痛苦。