每一天，为明天

本文转载自ExtJS官网，由原作者翻译自官方文档（点击查看原文）

第一步 – 入门
想必您已经听说过 Ext、浏览了在线演示，并且尝试阅读API文档。不过，面对复杂的API文档，您却不如何下手？！

第二步 – 起步
通览过API文档，并且找到了所要立刻尝试的功能，面对混杂的网页源代码，如何开始一个简单的测试页面？那么……

不论您的目标是什么，您都可以依照本文快速的开始使用Ext。不，不用搭建服务器，您所需要的仅仅是Firefox浏览器和Firebug调试插件。如果还没有安装，那么现在就是一个好机会。

牛刀小试
打开Ext API文档，您已经上路！
单击 F12 打开 Firebug 控制台。
如果您的 firebug 控制台处于单行模式（以 ‘>>>’ 开头），那么请单击右下角的红色上箭头以开启多行编辑模式。
输入以下代码，并敲击 Ctrl-Enter 来运行:

Ext.get(document.body).update('<div id="test"></div>');

Continue reading ‘ExtJS 蹒跚学步’ »

本文来源于ExtJS官网，由原作者翻译自ExtJS官方文档（点击查看原文）

1 入门导向

2 揭示源代码

3 发布Ext源码时的一些细节

4 我应该从哪里开始？

5 适配器Adapters

6 核心Core

入门向导
Ext的新手用户可以通过下列不同的途径获取学习资源：API文档、维基百科全书、日益丰富的教程、论坛、IRC频道等等（参阅Learn ），关于这些各个方面在EXT官网上都有。但最重要的可用资源，可以说是Ext源代码本身。可以这样方便地学习源代码(Ext的项目毕竟是开源的)，不仅能助你体验Ext，而且还能让你接触到大量的Javascript高级技巧和最佳实践,进一步提升自身的编码水平。

Continue reading ‘ExtJS源码概览’ »

最近在尝试使用ExtJS框架做课程设计。ExtJS是一个跨浏览器，用于开发RIA（Rich Internet Application）应用的JavaScript框架。提供高性可定制的web ui控件库,良好的设计、丰富的文档和可扩展的组件模型。

ExtJS的界面十分华丽，使用它设计管理系统，基本不用做界面设计。但是，ExtJS学习要比其他Ajax框架要难，而且中文的资料也比较少。

Spket ide是强大的工具包为了方便JavaScript和XML开发而设计的，这个强大的编辑器对JavaScript, XUL/XBL and Yahoo! Widget的开发都有全面的支持 ，例如代码完成，语法高亮和内容概要，帮助开发有成效，创造高效率的javascript代码。这是我见到的对ExtJS支持最好的IDE。

关于怎么创建ExtJS项目，可以参考官方的示例：http://www.spket.com/demos/js.html

官方网站：http://www.spket.com/

XML使用DOCTYPE来声明需要遵循的DTD文件。DOCTYPE声明紧跟在XML声明之后。

格式：<! DOCTYPE 文档名 SYSTEM “DTD文件路径”>

<! DOCTYPE 文档名 PUBLIC “DTD文件路径”>

直接在XML中嵌套DTD声明

格式：<! DOCTYPE 根元素名 [DTD定义语句]>

DTD 语法

1、元素声明：<! ELEMENT 元素名 元素的内容规范>

元素的内容规范：

• EMPTY 不包含数据内容，但可以有属性
• ANY 可以包含任何XML允许的内容
• 列出该元素允许的子元素
  • 圆括号()：将允许包含的所有子元素写在里面，以表示一个整体。
  • 子元素和逗号,：子元素必须按照顺序出现。
  • 子元素和竖线|：子元素从中选择，只能选择一个，只能出现一次。

子元素可以使用+、*、？等来标记。如果内有任何标记，则表示该子元素必须出现，而且只能出现一次。+标记表示必须出现1次以上；*标记表示可以出现任意次；?标记表示可以出现1次或者0次。

• 只包含数据：只允许普通的文本字符串

格式：<! ELEMENT 元素名(#PCDATA)>

• 既包含子元素又包含数据

格式：<! ELEMENT 元素名(#PCDATA|子元素名1|子元素名2|子元素名3|…|子元素n)*>

注意，#PCDATA必须出现在最前面，*必须在圆括号后面。

Continue reading ‘XML基础总结’ »

本文为《ppk谈JavaScript》读书笔记

“无侵入脚本编程”代表了向基于 CSS 的、兼容标准的 web 站点的新理论中嵌入 JavaScript 的首次认真的尝试。

一个无侵入的脚本应该包括如下的所有特征：

• 它应该是可用的。即给网站带来明确的可用性好处。
• 它应该是可访问的。即如果 JavaScript 失效了，网页应该依然是可阅读和可理解的，即使不可避免的损失了一些可用性。
• 它应该容易实现。典型的情况：只需要在页面中引入脚本本身和一个 JavaScript 钩子（hock），然后脚本即可以运行了。
• 它应该是可分离的。它只存在于自己的.js文件中，而不是散落在 HTML 的各个角落。

强烈推荐这本《ppk谈JavaScript》，真正的大师级著作！

XMLHttpRequest 是Ajax 中实现异步的基础。由于 XMLHttpRequest 不是一个 W3C 标准，所以各种浏览器中的实现不尽相同。微软的IE把 XMLHttpRequest 实现为一个 ActiceX 对象，其他浏览器把它实现为一个本地 JavaScript 对象。因此，创建 XMLHttpRequest 对象实例时，应包含判断逻辑。以下是一个比较完整的方法：

Continue reading ‘创建 XMLHttpRequest 对象实例’ »

1、基本选择器

如p（段落）、h2（二级标题）等预定义的HTML标签。

2、ID选择器、

每个ID在一个页面中只能使用一次，作为某个元素的唯一标识符。一般情况下，ID只适用于页面中的唯一元素，如页眉、导航栏等。

应用方法：id=”idname”。

定义方法：#idname{……}

Continue reading ‘CSS样式选择器’ »

浅色系应用

此类颜色似乎最早被应用在一些文档处理软件比如word，和操作系统里（比如MacOSX），用于分类归档，标记，或者突出显示使用。此类颜色给人的感觉很环保，不伤眼睛，而且对比度恰到好处，既可以有效区分，又不会显的太过突兀。

Google、Yahoo更为成熟的运用了这些颜色。MSN在新版网站中也设置了Simple White主题选择，并且新的LIVE系列产品更是对那种淡淡的兰色与1px线条情有独忠。另外一些新兴的WEB-base办公软件也大量选用了此类颜色。事实证明，这些颜色的运用取得了大部分用户的认可并领导了趋势！例子：GMail、yahoo360、live.com、start.com、netvibes、rember the milk。

Continue reading ‘web2.0 配色参考’ »

CSS Sprites 是一种网页图片应用处理方式，它可以将页面中用到的所有小图片整合到一张较大的图片中去。这样，访问页面时，载入的图片就不会想以前那样一张张的显示出来，这样可以有效的减少客户端与服务器的HTTP请求次数，进而减少延迟（因为客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。）。这就使用户（浏览者）获得较好的用户体验，即页面中所有的图片是一起出现的，而不是一张张地跳出来，状态栏显示着“剩余XX项”……

图片加载后，就可以使用CSS方法通过设置背景图片的方式实现对所需图片的精确调用。

Continue reading ‘CSS Sprite’ »