可用性是用户体验的一种度量,它可以用访问者完成网站功能的方便程度来描述--无论是通过自身知识还是通过学习新方式来完成这种功能.我认为Jakob Nielson的解释非常到位,他说:

    可用性是评估网站易用程度的一种属性.同时"可用性"这个词也指在设计过程中提高易用性的方法.

    在本文中我希望能够提供一个可用性清单,内容覆盖了从视觉设计,到可以用在任何项目中的简单导航提示等多个方面.

    1. 当前位置导航

    要让用户在任何时候都知道自己身处哪个模块,或者在浏览那个分类.对任何网站来说,这都可以极大提升可用性.在这一点上,创建当前位置导航可以算是最有效的提升可用性方式.

    当前位置导航的理想方式是在服务端创建,这样可以大量节省HTML和CSS代码.如果不方便在服务端创建导航,那么使用CSS操纵你的body元素 从而直接定义每个导航标签也是一个不错的方法.

    另外,你可以方便的 使用JavaScript创建当前位置导航菜单.

    要注意,你的当前位置导航最好和鼠标滑过样式保持不同,这是很多网站缩不注意的.

    2. 可用的表单标签和按钮

    使用HTML的label属性,可以让用户通过点击注释标签来激活表单元素,这是HTML的一个伟大的内置功能,但不幸的是,很少有用户知道这回事.

    怎样让用户了解这个功能呢?你可以通过改变鼠标指针形状的方式来提醒用户,这只需要一两行代码就可以实现.

    做成这样之后,用户就很容易的知道这标签是可以点的,我经常觉得HTML标准里没有把这些可以点的元素统一设置为小手指针是非常不应该的,所以我通常我会这样统一定义:

    label, button, input[type="submit"]{cursor:pointer;}

    3. 将你的LOGO链接到首页

    我认为logo不链接到你的网站首页是一件令人沮丧的事情,恰恰有很多网站没有这样做.用户研究表明,这样做是很有必要的,用户需要它!

    如今越来越多的网站意识到,给LOGO加链接的重要性.用户已不满足于一个标记为"主页"的文字链接,用户希望点一下logo就可以回到首页.

    拿Facebook为例,它为每一个导航元素增加了"ref"属性来跟踪用户点击.如下图:

    4. 加大链接的点击面积

    大约一年前,37Signals 的 Ryan Singer 写了一篇文章来介绍它们在 Basecamp 项目中如何增大链接的可点击面积 .这又是一个提升网站可用性的小细节,它只需要你增加链接周围的 padding 值就可以有效增大点击面积.

    对任何网站来说这都是一个值得尝试的方法,它可以方式用户误点或点不到链接.并且对于手机网页的设计更为重要,因为很多用户使用手指来点击触摸屏上的链接,增大面积可以帮他们更方便的浏览网页.

    5. 表单元素焦点显示

    为处于激活状态的表单元素添加焦点显示,越来越成为UI设计的一种趋势.它让用户了解自己做了什么,在做什么.这是一种简单但有效的向用户传递有用细节信息的方式.

    6. 提供有用的404错误页面

    让网站呈现给用户一个大大的 Apache 错误信息会让人很不爽,创建一个友好的、有用的404错误页面是一个不错的解决方法.因为对非开发者来说,"404"这些数字没有任何意义和价值,用户只希望在网站上找到自己需要的信息.

    要建立一种可以帮助用户正确的找到他们需要的信息的错误提示页面,比如显示一些抱歉的同时,加上搜索框、推荐文章或首页链接等,努力把用户留在网站上,而不要把责任都推给用户输入了错误链接.

    这里有一些优秀的404页面欣赏:  极富创意的404错误页面欣赏

    7. 创造一个舒适的文字环境

    如今,网站文案撰写已成为了一个很大的话题,做网站有越来越多的细节需要考虑.

    从古到今,关于网站文字内容的讨论从未间断并且其标准在一直变化.当年Steve Krug 曾主张缩减掉一半的文字内容,转而用列表的形式呈现它们.

    但现在不同了,我们需要用和朋友对话的方式来撰写文案,让用户感觉到一种舒适温馨的氛围.这样用户就会少一些局促感,即使他们遇到了使用上的问题,他也会心情愉悦的在网站帮助中寻找解决的办法.

    8. 调整行距增强可读性

    行距是可以从书报杂志等传统媒体直接过度到网页上的元素之一,这些内容的研究和改进已经进行了数百年,已经积累了大量优秀的经验.所以你下次设计之前,大可以先翻翻杂志找找灵感.

    行距是网页设计中经常被忽视或滥用的地方,我通常从1.4倍行距出发开始设计,然后根据设计和内容进行调整.

    9. 使用空白来区分和归类元素

    将内容元素归类组合是显示内容的一种方式.你可以使用图片、边框或者仅仅是使用空白来归类区分.使用空白归类内容元素可以创造自然和谐的用户体验,即使是匆匆的一瞥,内容也会一目了然.

    用户一眼扫过网页(比如阅读TOP10列表时),首先会注意标题.我们首先希望的是,我们的网站内容很有趣,能吸引用户进一步阅读.但是对用户进行正确的引导,会对内容的展示起到促进和相得益彰的作用.

    10. 无障碍浏览

    这里并不是指"508法案" ( 即section 508,美国法律,大体上描述为:某些特殊用户群体,如残疾人,浏览某网站时,如果无法正常获得所期望的信息,那可以依据相关法规,对该网站依法起诉. )  这里所说的"无障碍",指的是为你的用户考虑到方方面面,让他们轻松的找到需要的东西.

    如果说保证浏览无障碍可以让你的用户不会发怒,不会甩袖子走人,那么"快速响应"则是你留住用户的最后一道防线.

    如果有决心的话,你可以做所有你能想到的测试,然后多方参考用户的试用意见.目的就是最大限度的留住用户,因为用户个体的意识和习惯之间存在差异,很难找到让所有用户满意的方式.

    谈到"无障碍浏览"和"快速响应",你可能会首先想到视觉障碍人士,但其含义远远超过这些.例如,你必须让你的网站适应用户的带宽限制(拨号上网,手机上网,网速慢等)和旧版本的浏览器(一些公司不会让员工升级浏览器) .

    如果我们尽最大努力的消除网站使用的障碍,并且快速的相应网站的问题,我们就能建立一个完善的用户体验,给用户留下良好的印象并且还会再次回来.

一、Ubuntu这个名称怎么念？

"oo-BOON-too"。如果你念的时候，旁边有人说你在说非洲话，那么你发音很标准

二、Ubuntu是什么？
  

Ubuntu是什么呢？它是一个Linux操作系统的发行版。

Linux有多少发行版呢？许许多多，呵呵。全球知名的少说大概也有十几种。那么，为什么要给这一种发行版做公益广告呢？很简单，因为这是一种人性化的操作系统。

也许有朋友要问了：

“‘人性化’的操作系统？很奇怪啊！Linux不是命令行操作的吗？跟dos差不多，真是古董！图形界面也很难看的。我上次在虚拟机上面安装之后，发现连mp3,rmvb都播放不了，word文件都打不开！我想安装软件，说明上面居然让我编译！有没有搞错？！我又不是程序员，怎么会编译？！这怎么能叫人性化？……”

你所说的情况在Linux世界中确实曾经存在过。但是现在不会了，因为有了Ubuntu。

三、安装之后立即就能用的功能
  

在Windows安装好之后，你基本上做不了任何工作，因为你喜欢的word编辑器、photoshop图片处理工具、上bbs需要的cterm，浏览网页用的firefox都不存在，需要你自己动手，一一安装。

Ubuntu就不同了。

简单的安装之后，你会看到十分漂亮的界面，openoffice已经安装好了，你可以打开你的word, excel甚至是powerpoint文件了。当然了，你不可能获得某些“特效”，不是Ubuntu不提供给你，是因为微软把图纸锁了起来，他们拿不到。

firefox也有了，你可以立即上网浏览了。

当然，还有不少游戏都已经安装上了

且慢，图片处理工具之类的怎么办？如何安装呢？

四、只要你联网，软件随便装

你根本不需要到网络上面去搜索那些软件，然后下载、在提示下面一路回车来安装。当然，你对这些烦琐的工作或许已经习以为常了。Windows用户是最具备耐心的用户，呵呵。

那么怎么办呢？

很简单，联好网络，打开菜单里面的新立得软件管理器，一切都可以搞定。你寻找某个软件名称，勾选之后，选择“应用”，就可以让Ubuntu忙碌地工作──下载、解压、安装、设置……你可以到一边喝茶，当你回来的时候这个软件就可以使用了。

老实说，这种安装不过瘾，没有历尽曲折艰辛后终于安装成功时的成就感。

好比说，你打算使用图片处理工具，photoshop不错，但是它没有Linux版本的，怎么办呢？很简单，你可以试试gimp。你需要的那些功能，它都有。不过我一直对这个软件很疑虑──它为什么不收费呢？

你不需要会编译就可以安装许许多多的软件，例如mplayer, xmms等等，有了这些软件，你就可以播放mp3, rmvb, avi, mpeg等等媒体文件了。

Linux下面的软件是不是太少了？呵呵，你自己看看好了，如果你打算尝试所有列表里面的软件，那你得准备一块很大的硬盘。

五、升级？连系统一起升级吧！
  

还记得从Windows 98升级到Windows XP吗？

你得买一张Windows XP的光盘，还有office XP等配套工具光盘若干张。

你的Windows98当中原先的各种软件配置基本上都用不上了。你或许选择了备份文档之后，格式化，安装新系统。当一切你需要的功能好不容易搞定的时候，你需要“连续作战”，马上用ghost备份一次系统。才会觉得心里安定了下来。因为如果你一不留神执行了“错误的步骤”或者遭受病毒入侵，需要再次重新安装系统的话，你恐怕有砸掉显示器的冲动。

而Ubuntu当中，不光是各种应用软件更新很方便，你甚至可以让你的系统内核都随时保持更新，而这种功能不需要新的光盘。同样用新立得软件管理器就可以轻松完成。系统会在有新软件包的时候提示给你，但不会三天两头蹦出一个对话框，要求你更新。更新与否是用户的自由，不是吗？

六、我想用usb设备！
  

你想使用你的U盘，没问题，把它插上就可以了，自动识别，自动打开目录，你可以愉快地操作。我甚至发现初次安装之后，中文的显示就完全正常，特别方便。

打算视频会议？插上usb摄像头，打开默认安装了的通讯工具，测试一下，你的一举一动都想当清晰。

七、我还打算看看Windows分区下面的文件

想访问你的Windows分区？如果安装时没有出现意外的话，它们现在就在你的桌面上面，打开读写就是了。刚用Ubuntu的时候，你的信任感还不太足，是吧？其实将来你会发现，把硬盘的70%给Windows大概是个错误，这个比例至少应该倒过来。

八、嗯，听着不错，怎么获得Ubuntu？
  

你可以免费获得Ubuntu的光盘！这也是我为什么要给它做这样一个免费广告的原因。“人人为我，我为人人”嘛。

具体细节请访问：

https://shipit.ubuntu.com/
 

当然了，如果你是教育网用户，你也可以选择从上海交大的ftp上面下载。

ftp://ftp.sjtu.edu.cn/ubuntu-cd/6.06
 

九、我获得了Ubuntu，可是我只想试用
  

“我不打算安装它，但是想了解它的特性。”在从前，这是个难以两全其美的问题。

对于Ubuntu，这不是问题。

把你的系统启动顺序调节为光驱优先，然后把Ubuntu的盘放进去，重新启动，你就能进入Ubuntu系统。当然，这只是尝鲜。因为你的光驱的读取速度比起硬盘来简直就是龟兔赛跑。

首先声明这篇文章是转载的，这几天内，我会发两篇原创的关于Ubuntu的详细教程，从最初的安装开始，写成一个系列，让更多的人用上linux

用了3天的时间终于把仙剑奇侠传3看完了,感觉真是不错的电视，里面的故事情节好，人物好，演员演的都不错 ，让我看完后心里久久还在里面，难以忘却！

简单的介绍和感想:

景天和雪见最后在一起了这个结果真的不错不错,只可惜那个徐没有和他喜欢的人在一起,有点遗憾!希望他们如果有来世,一定要在一起哦!茂茂好可怜哦,好感人,用自己的肉来换粮食给人家,真的不亏是景天的好兄弟,还有那个人也是.有时候在想古代的那些朋友,兄弟真够意气,比亲兄弟还亲,现在的呢,好听的来说只能说现实点吧!景天和他的妹妹感情真好,尤其是他妹妹对他,让我好希望我也有这么个妹妹,哎~这个就是我独身子女的悲哀吧!突然想起来了雪见旁边的那个花颖也真的好可爱!

总之这个电视剧演的真好,开始期待四的出来,期待!

我把里面好听的歌曲都放我网站首页了,想听听的可以去听听,点击欣赏

用键盘来记录生活中的点点滴滴,HOHO!~~ 落叶

相信很多人能得到正确答案，其实这题的精华在于策略选择的思维。

在机场中，你想从A点前往B点。（为了将问题简化，假设机场是一条线性通道。）一些区域有电动扶梯（双向的），另一些区域没有。你的步行速度恒定为v， 电动扶梯的运行速度为u，因此在扶梯上，你的实际速度为v+u。（显然，你不会搭乘与你前进方向不一致的扶梯。）你的目标是尽可能快地从A点到达B点。
1. 假定你需要暂停片刻，比如系鞋带。请问你应该在电动扶梯上系，还是在没有上电动扶梯时系？假定两种情况下，系鞋带的时间相同。
2. 假定你有有限数量的多余能量，用来奔跑。在跑动时，你的速度提高到v’（如果在电动扶梯上，就相应为v’+u）。请问你应该在电动扶梯上跑，还是在没有上电动扶梯时跑？假定两种情况下，你可供奔跑的能量相同。
3. 在狭义相对论的情况下，上述答案是否发生改变？

这种现象在论坛上司空见惯，平时我都只是围观，一笑而过。

想起前些日子李笑来老师的一篇美文《遇到弱智的人怎么办》，弱智的人每天都会碰到，二十几岁的人了，应该要学会正确处理这类事情。

文章语气很平和，一个心智健全的人应该能够以平常心读完这篇文章。

有读者问：

笑来，你好。遇到弱智的人怎么办？是在工作环境中所有人都公认的弱智。这个人是你在工作中必须与之合作的人。沟通成本很 高，但是沟通也没有效果，每次都是鸡同鸭讲。明知道和这种人讨论、沟通没有任何意义，可是还是会忍不住发火。自己也知道发火不对，可是还是控制不住。怎样 才能控制这种情绪？

我很年轻的时候（26岁之前），总觉得身边的全是弱智——事实上，许多年之后回头再看，觉得当时想得并不是太离谱。我的运气比较好，竟然有高人提前 教育我，因此并没有花费太多时间和精力与所谓的弱智们纠缠。高人说，不要与傻瓜争辩或者纠缠。我照做了。不过，很多人不知道应该这样。我的观察是：如果你 真的不知死活与弱智争辩或者纠缠的话，那么他们会瞬间把你拉到他们的水平上，之后熟练运用他们在那个水平上多年来积累的大量经验毫无悬念地打败你，最终你 不仅会遍体鳞伤还要屈尊仰望。

我倒有另外一个建议：学会专心做事很重要，走你自己的路，走得越远越宁静。人归人，事归事（所谓的“上帝的归上帝，凯撒的归凯撒”也是一个道理不同 的说法而已）。“弱智”者如若真的弱智，其实并非他们故意。他们也从未想过运用他们的弱智令你心烦意乱——换句话讲，他们就算真的弱智，也不是为了气死你 而故意那么弱智的。专心做事有两个好处：1）让你渐渐远离那些弱智；2）最终无法消灭的那少数几个弱智会因为专心做事而无法触及你的活动范围。

不过，话说回来，善待他人更多意义上不仅仅是美德，还是自我保护策略：1）其实你可能判断错误，弱智的不一定是别人；2）就算他弱智，你比他强，那 是不是还有比你更强的人？换言之，在别人眼里你可能也是个弱智——想想吧，如果你不想被那么对待，最好不要轻易那么对待别人，尽管他们不是同一个人。

该干嘛干嘛，要么不与之打交道，要是必须打交道，还是善待他人可能更好。

　　总是从ID选择器开始继承

　　在class前使用tag

　　将jquery对象缓存起来

　　掌握强大的链式操作

　　使用子查询

　　对直接的DOM操作进行限制

　　冒泡

　　消除无效查询

　　推迟到 $(window).load

　　压缩js

　　全面掌握jquery库

　　1. 总是从ID选择器开始继承

　　在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法.

　　<div id=“content”>

　　<form method=“post” action=“/”>

　　<h2>Traffic Light</h2>

　　<ul id=“traffic_light”>

　　<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li>

　　<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li>

　　<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li>

　　</ul>

　　<input class=“button” id=“traffic_button” type=“submit” value=“Go” />

　　</form>

　　</div>

　　像这样选择按钮是低效的:

　　var traffic_button = $(‘#content .button’);

　　用ID直接选择按钮效率更高:

　　var traffic_button = $(‘#traffic_button’);

　　选择多个元素

　　提到多元素选择其实是在说DOM遍历和循环, 这些都是比较慢的东西.为了提高性能, 最好从就近的ID开始继承.

　　var traffic_lights = $(‘#traffic_light input’);

2. 在class前使用tag

第二快的选择器是tag选择器($(’head’)). 同理,因为它来自原生的getElementsByTagName() 方法.

<div id=“content”> 
<form method=“post” action=“/”> 
<h2>Traffic Light</h2> 
<ul id=“traffic_light”> 
<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li> 
<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li> 
<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li> 
</ul> 
<input class=“button” id=“traffic_button” type=“submit” value=“Go” /> 
</form> 
</div>

 总是用一个tag name来限制(修饰)class (并且不要忘记就近的ID):

var active_light = $(‘#traffic_light input.on’);

注意: 在jquery中Class是最慢的选择器. IE浏览器下它会遍历所有DOM节点不管它用在那里.

不要用用tag name来修饰ID. 下面的例子将会遍历所有的div元素来查找id为’content’的哪一个节点:

var content = $(‘div#content’);

用ID修饰ID也是画蛇添足:

var traffic_light = $(‘#content #traffic_light’);

3.将jquery对象缓存起来

要养成将jquery对象缓存进变量的习惯.

永远不要这样做:

$(‘#traffic_light input.on).bind(’click‘, function(){…}); 
$(’#traffic_light input.on).css(‘border’, ‘3px dashed yellow’); 
$(‘#traffic_light input.on).css(’background-color‘, ‘orange‘); 
$(’#traffic_light input.on).fadeIn(’slow’); 最好先将对象缓存进一个变量然后再操作:

var $active_light = $(‘#traffic_light input.on’); 
$active_light.bind(‘click’, function(){…}); 
$active_light.css(‘border’, ‘3px dashed yellow’); 
$active_light.css(‘background-color’, ‘orange’); 
$active_light.fadeIn(’slow’);

为了记住我们本地变量是jquery的封装, 通常用一个$作为变量前缀. 记住,永远不要让相同的选择器在你的代码里出现多次.

缓存jquery结果,备用
如果你打算将jquery结果对象用在程序的其它部分,或者你的function会多次执行, 那么就将他们缓存到一个全局变量中.

定义一个全局容器来存放jquery结果, 我们就可以在其它函数引用它们:

// 在全局范围定义一个对象 (例如: window对象) 
window.$my = 
{ 
// 初始化所有可能会不止一次要使用的查询 
head : $(‘head’), 
traffic_light : $(‘#traffic_light’), 
traffic_button : $(‘#traffic_button’) 
};

 
function do_something() 
{ 
// 现在你可以引用存储的结果并操作它们 
var script = document.createElement(’script’); 
$my.head.append(script);

// 当你在函数内部操作是, 可以继续将查询存入全局对象中去. 
$my.cool_results = $(‘#some_ul li’); 
$my.other_results = $(‘#some_table td’);

// 将全局函数作为一个普通的jquery对象去使用. 
$my.other_results.css(‘border-color’, ‘red’); 
$my.traffic_light.css(‘border-color’, ‘green’); 
}

4. 掌握强大的链式操作

上面的例子也可以写成这样:

var $active_light = $(‘#traffic_light input.on’);$active_light.bind(‘click’, function(){…}) 
.css(‘border’, ‘3px dashed yellow’) 
.css(‘background-color’, ‘orange’) 
.fadeIn(’slow’);

这样可以写更少的代码, 让我们的js更轻量.

5.使用子查询
jQuery 允许我们对一个已包装的对象使用附加的选择器操作. 因为我们已经在保存了一个父级对象在变量里, 这样大大提高对其子元素的操作:

<div id=“content”> 
<form method=“post” action=“/”> 
<h2>Traffic Light</h2> 
<ul id=“traffic_light”> 
<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li> 
<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li> 
<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li> 
</ul> 
<input class=“button” id=“traffic_button” type=“submit” value=“Go” /> 
</form> 
</div>

例如, 我们可以用子查询的方法来抓取到亮或不亮的灯, 并缓存起来以备后续操作.

var $traffic_light = $(‘#traffic_light’), 
$active_light = $traffic_light.find(‘input.on’), 
$inactive_lights = $traffic_light.find(‘input.off’);

提示: 你可以用逗号分隔的方法一次声明多个局部变量–节省字节数

6.对直接的DOM操作进行限制
这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。

例如,你想动态的创建一组列表元素, 千万不要这么做:

var top_100_list = [...], // 假设这里是100个独一无二的字符串 
$mylist = $(‘#mylist’); // jQuery 选择到 <ul> 元素

for (var i=0, l=top_100_list.length; i<l; i++) 
{ 
$mylist.append(‘<li>’ + top_100_list[i] + ‘</li>’); 
}
我们应该将整套元素字符串在插入进dom中之前全部创建好:

var top_100_list = [...], 
$mylist = $(‘#mylist’), 
top_100_li = “”; // 这个变量将用来存储我们的列表元素

for (var i=0, l=top_100_list.length; i<l; i++) 
{ 
top_100_li += ‘<li>’ + top_100_list[i] + ‘</li>’; 
} 
$mylist.html(top_100_li);
我们在插入之前将多个元素包裹进一个单独的父级节点会更快:

var top_100_list = [...], 
$mylist = $(‘#mylist’), 
top_100_ul = ‘<ul id=”#mylist”>’;

for (var i=0, l=top_100_list.length; i<l; i++) 
{ 
top_100_ul += ‘<li>’ + top_100_list[i] + ‘</li>’; 
} 
top_100_ul += ‘</ul>’; //关闭无序列表 
$mylist.replaceWith(top_100_ul);
如果你做了以上几条还是担心有性能问题,那么:

试试jquery的 clone() 方法, 它会创建一个节点树的副本, 它允许以”离线”的方式进行dom操作, 当你操作完成后再将其放回到节点树里.
使用 DOM DocumentFragments. 正如jQuery作者所言, 它的性能要明显优于直接的dom操作.

7. 冒泡

除非在特殊情况下, 否则每一个js事件(例如:click, mouseover, 等.)都会冒泡到父级节点. 当我们需要给多个元素调用同个函数时这点会很有用.

代替这种效率很差的多元素事件监听的方法就是, 你只需向它们的父节点绑定一次, 并且可以计算出哪个节点触发了事件.

例如, 我们要为一个拥有很多输入框的表单绑定这样的行为: 当输入框被选中时为它添加一个class

像这样绑定事件是低效的:

$(‘#entryform input).bind(’focus‘, function(){ 
$(this).addClass(’selected‘); 
}).bind(’blur‘, function(){ 
$(this).removeClass(’selected‘); 
});

我们需要在父级监听获取焦点和失去焦点的事件:

$(‘#entryform’).bind(‘focus’, function(e){ 
var cell = $(e.target); // e.target grabs the node that triggered the event. 
cell.addClass(’selected’); 
}).bind(‘blur’, function(e){ 
var cell = $(e.target); 
cell.removeClass(’selected’); 
});
父级元素扮演了一个调度员的角色, 它可以基于目标元素绑定事件. 如果你发现你给很多元素绑定了同一个事件监听, 那么你肯定哪里做错了.

8.消除无效查询

尽管jquery可以很优雅的处理没有匹配元素的情况, 但它还是需要花费时间去寻找. 如果你整站只有一个全局js, 那么极有可能把所有的jquery函数塞进$(document)ready(function(){//所有你引以为傲的代码})里.

只运行在页面里用到的函数. 大多数有效的方法就是使用行内初始化函数, 这样你的模板就能准确的控制何时何处该执行js.

例如, 你的”文章”页面模板, 你可能会引用如下的代码在body结束处:

<script type=“text/javascript> 
mylib.article.init(); 
</script> 
</body>

如果你的页面模板包含一些多变的模块可能不会出现在页面中, 或者为了视觉呈现的原因你需要它们能够快速加载, 你可以将初始化函数紧跟在模块之后.

<ul id=“traffic_light”> 
<li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li> 
<li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li> 
<li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li> 
</ul> 
<script type=“text/javascript> 
mylib.traffic_light.init(); 
</script>

你的全局js库可能会是这样子的:

var mylib = 
{ 
article_page : 
{ 
init : function() 
{ 
// Article 特有的jQuery函数. 
} 
}, 
traffic_light : 
{ 
init : function() 
{ 
// Traffic light 特有的jQuery函数. 
} 
} 
}

9. 推迟到 $(window).load

jquery对于开发者来说有一个很诱人的东西, 可以把任何东西挂到$(document).ready下冒充事件. 在大多数例子中你都会发现这样的情况.

尽管$(document).rady 确实很有用, 它可以在页面渲染时,其它元素还没下载完成就执行. 如果你发现你的页面一直是载入中的状态, 很有可能就是$(document).ready函数引起的.

你可以通过将jquery函数绑定到$(window).load 事件的方法来减少页面载入时的cpu使用率. 它会在所有的html(包括<iframe>)被下载完成后执行.

$(window).load(function(){ 
// 页面完全载入后才初始化的jQuery函数. 
});

多余的功能例如拖放, 视觉特效和动画, 预载入隐藏图像,等等. 都是适合这种技术的场合.

10. 压缩js

推荐一个js在线压缩地址:  http://dean.edwards.name/packer/ 

11. 全面掌握jquery库

知己知彼, 百战百胜.  只有更深入的了解jQuery才能更灵活的使用它.  这里提供一个jQuery的速查手册, 可以打印出来随身携带.  要是有能力将jQuery源码通读一遍那就更好了.

-----------------------------------------------------------------------------------------------------------------------

package  
{ 
import flash.display.Sprite; 
  
import flash.events.Event; 
import flash.events.MouseEvent; 
import fl.controls.Button; 
  
import flash.net.FileReference; 
import flash.net.FileFilter; 
  
public class Main extends Sprite 
{ 
public var file:FileReference; 
public var btn:Button; 
public var arr:Array; 
public var imgfilter:FileFilter; 
public var swffilter:FileFilter; 
public var ureq:URLRequest; 
  
public function Main()  
{ 
file = new FileReference(); 
btn = new Button(); 
imgfilter = new FileFilter("Image", "*.png;*.jpg"); 
  
btn.label = "browser"; 
btn.emphasized = true; 
btn.width = 150; 
btn.move(100, 100); 
ureq.url = "http://localhost/test/img/upload.php"; 
  
  
btn.addEventListener(MouseEvent.MOUSE_DOWN, down); 
file.addEventListener(Event.COMPLETE, complete); 
file.addEventListener(Event.OPEN,open); 
file.addEventListener(Event.CANCEL, cancel);//点击取消按钮会广播这个事件 
file.addEventListener(Event.SELECT, select); 
  
addChild(btn); 
} 
  
  
public function down(e:MouseEvent):void { 
file.browse([imgfilter]);//browse的参数是以个FileFilter对象，限制文件选择的类型 
} 
public function complete(e:Event):void { 
trace("complete"+e); 
} 
public function open(e:Event):void { 
trace("open"); 
} 
public function cancel(e:Event):void { 
trace("cancel"); 
} 
public function select(e:Event):void { 
var tem = e.target; 
trace(tem.name + "," + tem.creationDate + "," + tem.size); 
file.upload(ureq);//选择结束后，开始上传 
} 
} 
  
}

PHP部分:

---------------------------------------------------------------------------

<?php 
$uploaddir = './uploads/';//设置存储路径 
$filename = $_FILES['Filedata']['name'];//获得选择的文件 
$uploadfile = $uploaddir . $filename;//存储文件路径 
$uploadfile = iconv('utf-8', 'gb2312', $uploadfile);//设置文件格式 
move_uploaded_file($_FILES['Filedata']['tmp_name'], $uploadfile);//开始上传 
?>

目录
第一篇 基础篇
第 1章 Flex概述 2
1.1 Flex简介 2
1.1.1 Flex的技术特点 3
1.1.2 Flex 3.0的新特性 5
1.2 Flex Builder 3的下载与安装 6
1.2.1 安装Flex Builder 3的系统
1.2.1 要求 7
1.2.2 下载Flex Builder 3 Beta 1 7
1.2.3 Flex Builder 3 Beta 1的安装 9
1.3 Flex基础结构MXML介绍 11
1.4 建立第一个Flex 3.0程序 12
1.5 编译与运行第一个Flex 3.0程序 15
1.6 小结 16
第 2章 熟悉开发环境Flex Builder 3 17
2.1 熟悉Flex Builder 3工作区 17
2.2.1 Perspectives（透视） 17
2.2.2 Editors（编辑器） 18
2.2.3 Views（视图） 20
2.2 编译与运行Flex 3.0程序详解 21
2.3 调试Flex 3.0程序 23
2.3.1 添加断点 23
2.3.2 调试程序 24
2.3.3 监视变量 25
2.4 Flex 3.0项目工程概述 25
2.4.1 Flex Project 26
2.4.2 ActionScript Project 26
2.4.3 AIR Project 26
2.4.4 Flex Library Project 26
2.5 Flex Builder 3常用快捷键 27
2.6 使用Flex Help 27
2.7 小结 28
第二篇 ActionScript 3.0语法篇
第 3章 ActionScript 3.0基础 30
3.1 ActionScript 3.0概述 30
3.2 使用ActionScript 3.0 30
3.2.1 在MXML文件中直接编写
3.2.1 ActionScript 3.0 31
3.2.2 在AS文件中编写ActionScript 3.0 31
3.2.3 MXML中引用AS文件 33
3.3 创建第一个ActionScript 3.0
3.3 应用程序 33
3.4 小结 37
第 4章 数据类型 38
4.1 常量与变量 38
4.1.1 直接常量和符号常量 38
4.1.2 变量 39
4.1.3 变量赋初值 40
4.1.4 局部变量和全局变量 40
4.1.5 变量的存储方式 42
4.2 整型数据 43
4.2.1 整型常量 43
4.2.2 整型变量 44
4.3 实型数据 45
4.3.1 实型常量的表示方法 46
4.3.2 实型变量 47
4.4 字符串数据 47
4.4.1 字符串常量 48
4.4.2 转义字符 48
4.4.3 字符串变量 49
4.5 各类型数据之间的转换 49
4.5.1 自动类型转换 49
4.5.2 强制类型转换 50
4.6 小结 50
第 5章 运算符和表达式 51
5.1 ActionScript 3.0运算符简介 51
5.2 算术运算符和算术表达式 52
5.2.1 基本的算术运算符 52
5.2.2 算术表达式 53
5.2.3 运算符的优先级和结合性 53
5.2.4 自增、自减运算符 53
5.3 关系运算符和关系表达式 54
5.3.1 关系运算符 54
5.3.2 关系表达式 55
5.4 逻辑运算符和逻辑表达式 56
5.4.1 逻辑运算符 56
5.4.2 逻辑运算的值 57
5.4.3 逻辑表达式 57
5.5 赋值运算符和赋值表达式 58
5.3.1 简单赋值运算符和简单赋值
5.3.1 表达式 58
5.3.2 复合赋值运算符和复合赋值
5.3.1 表达式 59
5.6 逗号运算符和逗号表达式 59
5.7 位运算符 60
5.8 小结 63
第 6章 程序设计的基本结构 64
6.1 顺序结构程序设计 64
6.1.1 表达式语句 64
6.1.2 函数调用语句 64
6.1.3 复合语句 65
6.1.4 空语句 65
6.1.5 赋值语句 65
6.2 分支结构程序设计 67
6.2.1 if语句 67
6.2.2 if…else语句 67
6.2.3 if…else…if语句 68
6.2.4 if语句的嵌套 71
6.2.5 switch语句 72
6.3 循环结构程序设计 74
6.3.1 goto语句 74
6.3.2 while语句 75
6.3.3 do-while语句 75
6.3.4 for语句 77
6.3.5 循环的嵌套 80
6.3.6 几种循环语句的比较 80
6.3.7 break语句 80
6.3.8 continue语句 81
6.4 小结 82
第 7章 函数 83
7.1 函数概述 83
7.2 函数定义的一般形式 84
7.2.1 无参函数的定义形式 84
7.2.2 有参函数的定义形式 85
7.3 函数的参数和函数的返回值 86
7.3.1 形式参数和实际参数 86
7.3.2 函数的返回值 87
7.4 函数的调用 88
7.4.1 函数调用的一般形式 88
7.4.2 函数调用的方式 89
7.5 函数的嵌套调用 89
7.6 函数的递归调用 90
7.7 数组作为函数参数 91
7.7.1 数组元素作为函数实参 92
7.7.2 数组名作为函数参数 92
7.8 小结 93
第 8章 面向对象基础 94
8.1 类和对象 94
8.1.1 类的定义形式 94
8.1.2 类的成员类型 95
8.1.3 调用类中的成员 96
8.2 构造函数和析构函数 97
8.2.1 构造函数 97
8.2.2 析构函数 99
8.3 继承与派生 100
8.3.1 派生类定义的一般形式 101
8.3.2 派生类的保护成员 101
8.3.3 派生类的构造函数 102
8.4 接口 103
8.4.1 创建接口 103
8.4.2 使用类实现接口 104
8.5 小结 105
第 9章 数字处理 106
9.1 数字的不同表现形式 106
9.2 不同数字类型之间的转换 107
9.2.1 输出其他进制函数toString 107
9.2.2 十进制转化函数parseInt 108
9.3 四舍五入 108
9.3.1 四舍五入函数round 109
9.3.2 其他舍入函数 109
9.4 格式化输出 110
9.5 格式化货币数字 111
9.6 生成随机数 112
9.6.1 Math类中生成随机实型函数
5.3.1 random 112
9.6.2 NumberUtilities类中生成随机数
5.3.1 函数random 112
9.7 小结 113
第 10章 日期与时间 114
10.1 获取系统当前日期 114
10.2 获取日期中的特定值 114
10.3 自定义星期名和月份名 115
10.4 格式化输出日期 116
10.5 使用计时器 118
10.6 计算日期特定值的间隔 119
10.7 从字符串中获取日期 120
10.8 小结 121
第 11章 字符串 122
11.1 连接字符串 122
11.1.1 “+”操作符连接字符串 123
11.1.2 “+=”操作符连接字符串 123
11.2 字符串中使用引号 124
11.3 插入空白字符 124
11.4 搜索匹配字符串 125
11.4.1 顺序搜索字符串函数indexOf 125
11.4.2 逆序搜索字符串函数
11.4.2 lastIndexOf 126
11.5 取字符串的子串 126
11.5.1 substr方法 127
11.5.2 substring方法 127
11.5.3 slice方法 128
11.6 字符串转为数组 128
11.7 替换字符串 129
11.7.1 替换字符串函数replace 129
11.7.2 其他替换字符串方法 130
11.8 对字符串中的单字符操作 131
11.9 大小写转换 131
11.10 过滤空白字符 132
11.11 反转字符串 133
11.12 存取ASCII码 134
11.12.1 以ASCII码构造字符串
11.12.1 函数fromCharCode 134
11.12.2 读取单字符的ASCII码
11.12.1 函数charCodeAt 135
11.13 小结 135
第 12章 数组 136
12.1 数组简介 136
12.1.1 数组的分类 136
12.1.2 创建数组的方法 137
12.2 在数组首部和尾部添加元素 138
12.2.1 数组尾部添加新元素函数push 138
12.2.2 使用“[]”操作符在尾部添加
12.2.2 新元素 138
12.2.3 数组首部添加新元素函数
12.2.2 unshift 139
12.3 遍历数组元素 139
12.4 搜索匹配的数组元素 139
12.4.1 findMatchIndex方法 140
12.4.2 findLastMatchIndex方法和
12.2.2 findMatchIndices方法 141
12.5 删除数组元素 141
12.5.1 删除任意数组元素函数splice 141
12.5.2 删除数组首部元素函数shift 142
12.5.3 删除数组尾部元素函数pop 142
12.5.4 删除特定值的数组元素 143
12.6 在数组中插入元素 144
12.7 转换字符串为数组 145
12.8 转换数组为字符串 145
12.9 复制数组 146
12.9.1 concat方法 146
12.9.2 slice方法 147
12.9.3 ArrayUtilities类的duplicate
12.2.2 方法 147
12.10 存储多维数据 148
12.11 数组排序 150
12.11.1 sort方法 150
12.11.2 sortOn方法 152
12.12 实现自定义排序 154
12.13 数组元素的最大值和最小值 155
12.14 比较数组 156
12.15 联合数组 157
12.15.1 创建联合数组 157
12.15.2 访问联合数组元素 158
12.15.3 遍历联合数组 159
12.16 小结 159
第 13章 使用XML 160
13.1 XML概述 160
13.2 创建XML对象 161
13.2.1 使用XML标签创建XML对象 161
13.2.2 使用字符串创建XML对象 162
13.3 XML对象中添加元素 162
13.3.1 将元素名作为属性添加元素 163
13.3.2 使用“[]”操作符添加元素 163
13.3.3 其他添加元素的方法 164
13.4 XML对象中添加元素内容 164
13.4.1 将元素名作为属性添加
12.2.2 元素内容 165
13.4.2 使用XML类中的方法添加
12.2.2 元素内容 165
13.5 XML元素中添加属性 166
13.5.1 使用“@”操作符添加属性 166
13.5.2 使用“[]”操作符添加属性 167
13.6 从XML中读取元素 167
13.7 定位元素 168
13.8 读取元素内容 169
13.9 读取属性值 170
13.9.1 使用“@”操作符读取属性值 170
13.9.2 使用attribute方法读取属性值 171
13.9.3 使用attributes方法读取全部
12.2.2 属性值 171
13.10 删除元素和属性 172
13.11 加载XML文件 173
13.12 小结 174
第三篇 组件篇
第 14章 使用组件构建Flex界面 176
14.1 Flex组件概述 176
14.2 Flex可见组件 177
14.2.1 可见组件的分类 177
14.2.2 使用可见组件构建界面 177
14.3 使用Flex非可见组件 178
14.4 Flex常用组件 179
14.4.1 按钮组件Button 180
14.4.2 下拉框组件ComboBox 181
14.4.3 图像组件Image 182
14.4.4 标签组件Label 182
14.4.5 多行文本组件TextArea 183
14.4.6 输入框组件TextInput 183
14.4.7 文本编辑组件RichTextEditor 184
14.5 小结 184
第 15章 Flex 3.0界面设计实战 185
15.1 登录框实例 185
15.1.1 制作登录框界面 185
15.1.2 使用按钮处理事件 188
15.1.3 制作校验码 189
15.1.4 验证合法用户 191
15.1.5 合法用户进入主程序 192
15.2 菜单导航实例 194
15.2.1 制作菜单 194
15.2.2 设计状态 195
15.2.3 菜单导航 197
15.2.4 制作状态切换时的过渡效果 199
15.3 柱状图实例 201
15.3.1 设计数据集 201
15.3.2 设计柱状图界面及数据绑定 202
15.4 文件目录浏览器实例 204
15.4.1 外观界面设计 205
15.4.2 文件系统组件的路径 207
15.4.3 制作“后退”效果 208
15.5 AIR程序集成网页实例 209
15.5.1 HTML组件集成网页 209
15.5.2 使用JavaScriptObject类型调用
15.5.2 DOM 211
15.5.3 JavaScript与ActionScript 3.0的
15.5.3 交互 212
15.6 文本编辑器实例 216
15.6.1 设计文本编辑器界面 217
15.6.2 选择文件 218
15.6.3 读取文件 219
15.6.4 写文件 220
15.7 组件数据拖曳实例 222
15.8 小结 223
第 16章 自定义效果美化界面 224
16.1 自定义事件效果 224
16.2 Flex 3.0的效果组件 225
16.2.1 模糊效果组件 226
16.2.2 溶解效果组件 226
16.2.3 渐显效果组件 228
16.2.4 发光效果组件 229
16.2.5 移动效果组件 230
16.2.6 改变大小组件 231
16.2.7 旋转效果组件 232
16.2.8 声音效果组件 233
16.2.9 显示顺序组件 235
16.2.10 缩放效果组件 235
16.2.11 组合效果组件 237
16.3 自定义组件界面 238
16.3.1 使用组件属性改变界面 238
16.3.2 使用setStyle方法改变界面 239
16.4 使用Filter滤镜类 240
16.5 小结 241
第 17章 CSS美化界面 242
17.1 CSS简介 242
17.2 样式名 243
17.2.1 默认样式名 243
17.2.2 自定义样式名 243
17.2.3 分组样式名 244
17.3 属性 245
17.3.1 字体（Font） 245
17.3.2 文本（Text） 246
17.3.3 背景（Background） 249
17.3.4 定位（Positioning） 250
17.3.5 尺寸（Dimensions） 251
17.3.6 布局（Layout） 252
17.3.7 外补丁（Margins） 253
17.3.8 边框（Borders） 254
17.3.9 内补丁（Paddings） 256
17.3.10 列表（Lists） 257
17.3.11 表格（Table） 258
17.3.12 滚动条（Scrollbar） 258
17.3.13 打印（Printing） 259
17.3.14 声音（Aural） 260
17.4 单位 262
17.4.1 长度（Length） 262
17.4.2 颜色（Color） 263
17.4.3 角度（Angle） 264
17.4.4 时间（Time）和频率
17.4.4 （Frequency） 264
17.5 规则 264
17.5.1 导入外部样式表@import 264
17.5.2 指定字符集@charset 265
17.5.3 导入外部字体@font-face 265
17.5.4 指定设备@media 265
17.6 静态滤镜 266
17.6.1 色彩层滤镜（Gradient） 266
17.6.2 边界图片滤镜
17.6.2 （AlphaImageLoader） 267
17.6.3 透明度滤镜（Alpha） 268
17.6.4 图片处理滤镜（BasicImage） 269
17.6.5 模糊滤镜（Blur） 270
17.6.6 阴影滤镜（DropShadow） 271
17.6.7 浮雕滤镜（Emboss） 272
17.6.8 发光滤镜（Glow） 273
17.6.9 矩阵遮罩（Matrix） 274
17.6.10 运动模糊滤镜（MotionBlur） 276
17.6.11 波纹滤镜（Wave） 277
17.6.12 X光滤镜（Xray） 278
17.6.13 反相滤镜（Invert） 278
17.7 转换滤镜 279
17.7.1 百叶窗效果滤镜（Blinds） 279
17.7.2 国际象棋棋盘效果滤镜
17.7.2 （CheckerBoard） 280
17.7.3 渐隐效果滤镜（Fade） 281
17.7.4 滚动渐隐效果滤镜
17.7.4 （GradientWipe） 282
17.7.5 对角扩张效果滤镜（Insert） 283
17.7.6 放射状擦除效果滤镜
17.7.4 （RadialWipe） 284
17.7.7 随机线条效果滤镜
17.7.4 （RandomBars） 285
17.7.8 随机像素溶解效果滤镜
17.7.4 （RandomDissolve） 286
17.7.9 拉伸（缩）变形效果滤镜
17.7.4 （Stretch） 287
17.7.10 风车叶轮旋转效果滤镜
17.7.10 （Wheel） 288
17.7.11 擦地板的效果滤镜（Zigzag） 288
17.8 使用组件定义CSS 289
17.8.1 组件内部定义CSS 290
17.8.2 组件调用外部CSS 290
17.8.3 两种CSS定义方式的比较 291
17.9 Flex2StyleExplorer工具辅助设计
17.9 CSS样式 291
17.10 Flex组件应用CSS样式 294
17.11 运行时动态加载CSS样式 295
17.11.1 调用SWF样式文件 297
17.11.2 撤销SWF样式文件 297
17.11.3 按钮控制应用样式 298
17.11.4 完成剩余代码 298
17.12 小结 301
第 18章 Flex美化应用 302
18.1 自定义字体 302
18.1.1 自定义字体概述 302
18.1.2 使用Flex支持的系统字体 303
18.1.3 使用Flex不支持的系统字体 304
18.2 自定义提示文本 305
18.3 自定义光标 307
18.4 自定义AIR程序窗口外观 309
18.5 苹果风格界面实例 314
18.5.1 组件设计 314
18.5.2 CSS美化组件界面 319
18.5.3 ApplicationControlBar组件样式 320
18.5.4 Application组件样式 320
18.5.5 MenuBar组件样式 321
18.5.6 Panel组件样式 321
18.5.7 自定义“panelTitle”样式 322
18.5.8 TextInput组件样式 323
18.5.9 Button组件样式 323
18.5.10 自定义“blueButton”样式 324
18.5.11 Accordion组件样式 324
18.5.12 NumericStepper组件样式 325
18.5.13 CheckBox组件样式 325
18.5.14 RadioButton组件样式 326
18.5.15 ComboBox组件样式 327
18.5.16 TabNavigator组件样式 327
18.5.17 自定义“selectedTab”样式 328
18.5.18 Tab组件样式 329
18.5.19 List组件样式 329
18.5.20 DataGrid组件样式 330
18.5.21 DateChooser组件样式 331
18.6 Vista风格界面实例 332
18.6.1 组件设计 332
18.6.2 CSS美化组件界面 336
18.6.3 全局样式global 337
18.6.4 AccordionHeader组件样式 337
18.6.5 Application组件样式 339
18.6.6 Button组件样式 339
18.6.7 ButtonBar组件样式 341
18.6.8 ColorPicker组件样式 346
18.6.9 ComboBox组件样式 347
18.6.10 DataGrid组件样式 348
18.6.11 DateChooser组件样式 349
18.6.12 ProgressBar组件样式 350
18.6.13 Image组件样式 350
18.6.14 MenuBar组件样式 351
18.6.15 RadioButton组件样式 351
18.6.16 CheckBox组件样式 352
18.6.17 HSlider组件样式 352
18.6.18 TitleWindow组件样式 353
18.6.19 调用自定义窗体 354
18.6.20 调用“style.css”文件 354
18.7 小结 354
第四篇 数据篇
第 19章 Flex中的数据处理 356
19.1 数据绑定 356
19.1.1 简单绑定方式 356
19.1.2 使用组件绑定
19.1.2 数据 357
19.2 复杂数据的存储 359
19.2.1 使用组件存储数据 359
19.2.2 使用组件存储数据 361
19.2.3 使用组件存储数据 362
19.3 数据验证 363
19.3.1 数据验证组件概述 363
19.3.2 如何使用数据验证组件 364
19.3.3 验证触发方式 365
19.3.4 验证失败处理 368
19.3.5 自定义验证组件 369
19.3.6 数据验证应用实例 372
19.4 数据格式化 377
19.4.1 格式化组件概述 378
19.4.2 货币格式化组件
19.4.2 378
19.4.3 日期格式化组件
19.4.2 379
19.4.4 数字格式化组件
19.4.2 381
19.4.5 电话格式化组件
19.4.2 382
19.4.6 邮编格式化组件
19.4.2 383
19.5 小结 383
第 20章 使用正则表达式匹配字符串
数据 384
20.1 正则表达式概述 384
20.2 正则表达式的语法 384
20.2.1 元字符 385
20.2.2 转义字符 385
20.2.3 限定符 385
20.2.4 字符集合 386
20.2.5 反义 386
20.2.6 多规则 387
20.2.7 子表达式 388
20.3 使用Regex Tester工具测试正则
20.3 表达式 388
20.4 Flex 3.0中使用正则表达式 389
20.4.1 使用RegExp类定义正则表达式 389
20.4.2 使用RegExp类匹配数据 390
20.4.3 Flex中使用正则表达式实例 391
20.5 小结 395
第 21章 数据传输与交互 396
21.1 数据传输的方式 396
21.1.1 内部数据传输 396
21.1.2 文件流方式传输 399
21.1.3 XML方式传输 401
21.1.4 其他方式传输 403
21.2 使用组件与
21.2 HTTP程序交互 403
21.3 组件实例 404
21.3.1 编写ASP.NET程序 405
21.3.2 创建虚拟目录 407
21.3.3 编写Flex程序 409
21.4 使用组件
21.4 与WebService程序交互 411
21.4.1 WebService概述 412
21.4.2 如何使用组件 412
21.5 组件实例 414
21.5.1 创建数据库 414
21.5.2 编写WebService 416
21.5.3 编写Flex程序 419
21.6 使用Fluorine网关与ASP.NET类
21.6 交互 421
21.6.1 Fluorine简介 421
21.6.2 Fluorine的下载与安装 422
21.6.3 第三方组件RemoteObjectAMF0
21.6.3 的使用方法 423
21.6.4 Fluorine实例 425
21.7 小结 432
第五篇 扩展篇
第 22章 Cairngorm开发框架 434
22.1 Cairngorm简介 434
22.2 Flex 3.0中如何添加Cairngorm
22.2 框架 435
22.3 Cairngorm框架中的基础类 436
22.3.1 类的文件组织结构 436
22.3.2 处理正常或异常结果的
22.3.2 Responder类 437
22.3.3 查找服务的ServiceLocator类 437
22.3.4 处理事件的Command类 438
22.3.5 创建新事件的
22.3.5 CairngormEvent类 438
22.3.6 管理事件的
22.3.6 CairngormEventDispatcher类 439
22.3.7 监听事件的FrontController类 441
22.3.8 存储数据模型的
22.3.6 ModelLocator类 442
22.3.9 辅助操作视图的ViewHelper类 442
22.3.10 查找视图的ViewLocator类 444
22.3.11 定义数据模型的
22...316 ValueObject类 446
22.4 Cairngorm框架的运行原理 446
22.4.1 自定义事件（Cairngorm
22.4.1 Event类） 446
22.4.2 自定义命令（Command类） 447
22.4.3 前台控制器（FrontController类）
22.4.3 监听事件 448
22.4.4 在服务定位器（ServiceLocator类）
22.4.4 中寻找服务 449
22.4.5 在模型定位器（ModelLocator类）
22.4.5 中存取数据 450
22.4.6 使用ViewHelper类修改视图 451
22.4.7 使用ValueObject类自定义数据
22.4.7 模型 452
22.5 Cairngorm实例 452
22.6 小结 466
第 23章 Flex 3.0新特性的应用 467
23.1 加载PDF文件 467
23.1.1 加载PDF文件前的准备 467
23.1.2 使用HTMLControl类加载
23.1.2 PDF文件 467
23.1.3 使用HTMLPDFCapability类检测
23.1.3 Adobe Reader版本 468
23.1.4 加载PDF文件实例 468
23.2 使用本地SQL数据库 470
23.2.1 使用Select语句读取数据 470
23.2.2 使用Insert语句添加数据 471
23.2.3 使用Update语句修改数据 471
23.2.4 使用Delete语句删除数据 472
23.2.5 使用SQLConnection类连接
23.2.5 数据库 472
23.2.6 使用SQLStatement类执行SQL
23.2.6 语句 473
23.2.7 操作本地SQL数据库实例 474
23.3 升级AIR应用程序 480
23.3.1 升级前的准备 481
23.3.2 检查版本信息 481
23.3.3 使用FileStream类下载最新
23.3.3 版本 482
23.3.4 使用Updater类升级AIR
23.3.4 应用程序 483
23.3.5 升级AIR应用程序实例 483
23.4 Flex 3.0中使用Ajax技术 487
23.4.1 Ajax技术简介 488
23.4.2 使用组件调用
23.4.2 Ajax技术 488
23.4.3 Flex应用程序结合Ajax
23.4.3 技术实例 489
23.5 使用Flex-Ajax Bridge技术控制
23.5 Flex应用程序 496
23.5.1 Flex-Ajax Bridge技术简介 497
23.5.2 Flex-Ajax Bridge技术的
23.5.2 运行原理 497
23.5.3 使用getCompenentID方法
23.5.3 获取组件 500
23.5.4 使用getPropertyName方法获取
23.5.4 属性值 501
23.5.5 使用setPropertyName方法设置
23.5.5 属性值 501
23.5.6 为组件添加监听事件 502
23.5.7 调用Flex程序中的函数 502
23.5.8 Flex-Ajax Bridge技术控制Flex
23.5.8 程序实例 503
23.6 小结 506
第六篇 实例篇
第 24章 FLV播放器 508
24.1 前期准备 508
24.1.1 组织文件结构 508
24.1.2 导入Cairngorm框架 508

24.2 使用FlvModel类存储数据、状态及
24.2 资源 509
24.3 使用FlvControl类监听事件 510
24.4 创建OpenVideoEvent事件 511
24.5 创建OpenVideoCommand命令 512
24.6 使用Utils类格式化时间 513
24.7 使用FlvPlayViewHelper类修改
24.7 MXML组件 514
24.8 编写“FlvPlay.mxml”主程序 516
24.8.1 设计外观模型 516
24.8.2 实现菜单功能 518
24.8.3 VideoDisplay组件说明 519
24.8.4 实现“播放/暂停”功能 521
24.8.5 实现“停止”功能 522
24.8.6 实现“静音”功能 522
24.8.7 实现“全屏/退出全屏”功能 522
24.8.8 拖曳滑动条改变播放进度 523
24.8.9 实现键盘快捷键功能 524
24.8.10 完成“FlvPlay.mxml”主程序的
24.8.10 剩余代码 525
24.9 小结 533
第 25章 经典实例CairngormStore
第 25章 的分析 534
25.1 CairngormStore实例简介 534
25.2 如何运行CairngormStore实例 535
25.2.1 架设Java运行平台 535
25.2.2 架设AMF网关LiveCycle Data
25.2.2 Services 539
25.2.3 编译运行前的准备 544
25.2.4 编译CairngormStore实例 545
25.3 CairngormStore实例的代码分析 547
25.3.1 使用ProductVO类建立商品
25.2.2 数据模型 547
25.3.2 使用ShoppingCartElement类
25.2.2 建立购物条目数据模型 549
25.3.3 使用ShoppingCart类建立
25.2.2 购物车数据模型 550

25.3.4 使用ShopModelLocator类
25.2.2 建立应用程序数据模型 552
25.3.5 使用ShopController类监听
25.2.2 事件 555
25.3.6 在ServiceLocator类中定义服务 557
25.3.7 创建自定义事件 559
25.3.8 创建自定义命令 560
25.3.9 视图外观分析 563
25.4 如何添加和调用新服务 567
25.5 小结 568
第 26章 视频分享网站 569
26.1 系统概述 569
26.1.1 系统架构 569
26.1.2 系统功能模块设计 569
26.2 系统设计 570
26.2.1 系统工作流程 571
26.2.2 功能模块的工作流程 571
26.3 数据库设计 574
26.3.1 数据库总体设计 574
26.3.2 数据表设计 574
26.3.3 使用查询分析器创建数据库
25.2.2 和数据表 576
26.4 配置开发环境 578
26.4.1 安装和升级SQL Server 2000
25.2.2 数据库 578
26.4.2 安装和配置JDBC 584
26.4.3 安装和配置Java开发平台
25.2.2 eclipse 585
26.4.4 其他注意事项 586
26.5 服务器端代码分析 587
26.5.1 服务器端代码概述 587
26.5.2 UserCompl类 588
26.5.3 VideoCompl类 591
26.5.4 CommentCompl类 597
26.5.5 其他类 600
26.6 接口设计代码分析 601
26.6.1 接口概述 602
26.6.2 remoting-config.xml分析 602
26.6.3 Services.mxml分析 603
26.7 应用程序的总体框架 604
26.8 主页显示模块 606
26.9 用户登录模块 609
26.10 播放视频模块 611
26.11 上传视频模块 613
26.12 用户管理模块 617
26.13 超级管理员管理模块 621
26.14 评论模块 623
26.15 外观样式分析 623
26.16 小结 626
附录 A 627

1、as3ebaylib
http://code.google.com/p/as3ebaylib/

2、as3youtubelib
http://code.google.com/p/as3youtubelib/

3、as3flickrlib
http://code.google.com/p/as3flickrlib/

4、Yahoo ASTRA Flash Components
http://developer.yahoo.com/flash/astra-flash/

5、facebook-as3
http://code.google.com/p/facebook-as3/

6、as3awss3lib
http://code.google.com/p/as3awss3lib/

7、Adobe ActionScript 3:resources:apis:libraries （官方，包括corelib、FlexUnit、Flickr、Mappr、RSS and Atom libraries、Odeo、YouTube）
http://labs.adobe.com/wiki/index.php/ActionScript_3:resources:apis:libraries

8、Tweener   用于过渡与切换的一组动画库
http://code.google.com/p/tweener/

9、uicomponents-as3    一组轻量级的AS3 UI组件库
http://code.google.com/p/uicomponents-as3/

10、as3ds    AS3的数据结构实现
http://code.google.com/p/as3ds/

11、mecheye-as3-libraries    一组主要用于Flash 游戏开发的AS3库
http://code.google.com/p/mecheye-as3-libraries/

12、XIFF   一套XMPP协议的AS3实现
http://svn.igniterealtime.org/svn/repos/xiff/branches/xiff_as3_flexlib_beta1/

13、FZip   一套AS3库，可用作对ZIP压缩文件的载入、修改与创建
http://codeazur.com.br/lab/fzip/

14、FlexLib   一套开源的Flex界面组件库
http://code.google.com/p/flexlib/

15、AnimatedGIfLoader Flex Component     可载入GIF的Flex组件
http://dougmccune.com/blog/animatedgifloader-flex-component/

16、goplayground    一套轻量级的，可用创建属于你自己的AS3 动画工具的库
http://code.google.com/p/goplayground/

17、AlivePDF   开源的用于PDF创建的AS3库
http://www.alivepdf.org/

18、jwopitz-lib   一组开源的Flex用户界面组件
http://code.google.com/p/jwopitz-lib/

19、as3crypto   AS3实现的一套加密库，包括多种加密算法
http://code.google.com/p/as3crypto/

20、flare    一套强大的可视化交互的AS3类库
http://flare.prefuse.org/

21、SWFAddress    一小而强大的库，可以为Flash和Ajax提供深链接的功能
http://www.asual.com/swfaddress/

22、SWFObject    用于嵌入Flash，Adobe官方也认可了
http://code.google.com/p/swfobject/

23、ulse Particle System 一套开源的强大的AS3动态粒子系统
http://code.google.com/p/pulse-particle/
http://www.rogue-development.com/pulseParticles.html

24、SpringGraph Flex Component
http://mark-shepherd.com/blog/springgraph-flex-component/

25、GoASAP    AS3动画库
http://code.google.com/p/goasap/
http://www.goasap.org/index.html

26、asaplibrary   一套开源的Flash Actionscript3.0 RIA库
http://code.google.com/p/asaplibrary/
http://asaplibrary.org/
http://asapframework.org

27、as3mathlib 开源Flex/Actionscript数学库
http://code.google.com/p/as3mathlib/

28、as3corelib 包含一些基础功能AS3库
http://code.google.com/p/as3corelib/

29、minimalcomps 一组AS3 UI组件
http://www.bit-101.com/minimalcomps/

30、as3gif
http://code.google.com/p/as3gif/

31、queueloader-as3     一组AS3库，用来进行资源序列载入及监测
http://code.google.com/p/queueloader-as3/

32、TweenMax (AS3)
http://blog.greensock.com/tweenmaxas3/

33、Atellis Reflection Component             一款Flex反射效果组件
http://labs.atellis.com/2007/07/11/atellis-reflection-component/

34、AS3Eval    简单来说，就是用AS3实现的AS3编译器
http://eval.hurlant.com/

35、 ByteArray的组件、库合集，包括liquid components、mousegesture、ASZip、GIF Player、GIF Animation Encoder、AlivePDF、Live JPEG Encoder、ScaleBitmap等
http://www.bytearray.org/?page_id=82

36、AS3C    针对AVM2虚拟机，用C#写的字节码编译器
http://code.google.com/p/as3c/

37、as3httpclientlib   as3实现的http客户端
http://code.google.com/p/as3httpclientlib/

38、as3ui  一组常规的as3　ui界面库
http://code.google.com/p/as3ui/

39、as3xls　让你在flex中可以读写Excel文件
http://code.google.com/p/as3xls/

40、as3flexdb 让你的flex程序可以连接到MySQL服务器，主要是使用AMFPHP来访问PHP服务器
http://code.google.com/p/as3flexdb/
这一是一篇详细使用介绍的教程
http://itutorials.ro/viewtopic.php?f=9&t=7

41、vivisectingmedia-as3 　一组AS3/Flex实用库，是作者在实践中总结出来的
http://code.google.com/p/vivisectingmedia-as3/

Actionscript 3.0 Class

1、fZip   此类可允许你载入标准的zip文件并提取里面包含的文件
http://wahlers.com.br/claus/blog/zip-it-up/

2、AS3: Layout class for Flash CS3    一组用作布局的类
http://www.senocular.com/?id=2.8

3、CSSLoader    该类允许Flex应用程序在运行时载入CSS
http://www.rubenswieringa.com/blog/cssloader

4、AS3: QueryString     一个单例类，用来获取URL地址后所带参数值对
http://evolve.reintroducing.com/2008/07/03/as3/as3-querystring/#more-141

5、ActionScript 3 Contextual Menu Manager Class        AS3关联菜单管理类
http://www.blog.noponies.com/archives/103

2D & 3D Engine

1、APE (Actionscript Physics Engine)  物理引擎
APE 前身是as2版本的Flade，呼声很高，优点就是清晰简单，一共没有几个类：），目前版本alpha 0.45 ，有API文档和示例，教程有一篇quick start ，在Google Group上有一个论坛可以讨论。svn上一直在更新目前svn上的版本为0.5a

http://www.cove.org/ape/

2、Away3D
http://code.google.com/p/away3d/

3、Papervision3D
http://code.google.com/p/papervision3d/

4、Sandy    开源3D库
http://www.flashsandy.org/versions/3.0

5、FORM  一套AS3完成的用于2D刚性物体的物理引擎
http://code.google.com/p/foam-as3/

6、Five3D   基于矢量的Flash 3D 交互动画创建
http://five3d.mathieu-badimon.com/

7、Flade (Flash Dynamics Engine)   一套开源的2D物理引擎，AS2实现
http://www.cove.org/flade/

8、Box2DFlashAS3     2D物理引擎，AS3实现，基于强大的Box2D C++物理库
http://box2dflash.sourceforge.net/

9、Paradox   基于Flash的第一称3D引擎
http://animasinteractive.com/propaganda/

10、ND3D AS3 3D Engine 　一款简单的AS3开源3D引擎，编译后的引擎大小仅约10K
http://code.google.com/p/nd3d/
http://www.nulldesign.de/nd3d-as3-3d-engine/

11、motor2  基于Box2d的AS3刚体引擎,也是2D的.
作者就是 AS3数据结构的作者，2007年最后一天发布
作者主页：http://lab.polygonal.de/motor_physics/
代码：http://code.google.com/p/motor2/

12、WOW-Engine  法国人写的，基于Sandy library的算法 3D物理引擎
http://seraf.mediabox.fr/wow-engine/as3-3d-physics-engine-wow-engine/

FrameWorks

1、Cairngorm   Adobe官方出的Flex框架
http://labs.adobe.com/wiki/index.php/Cairngorm

2、PureMVC   纯AS3框架，也有其它语言的实现
http://www.puremvc.org/

3、ASWing AS3  一套开源的AS3 GUI框架
http://www.aswing.org/

4、EasyMVC  由事件驱动的MVC框架
http://projects.simb.net/easyMVC/

5、Mate 基于Tag及事件驱动的Flex框架
http://mate.asfusion.com/

6、ARP    基于模式（Pattern）的RIA框架，Flash平台，支持AS2和AS3
http://osflash.org/projects/arp

7、Gaia  开源的Flash前端框架，支持AS2和AS3，用于快速开发
http://www.gaiaflashframework.com/

8、flest  Actionscript3.0/Flex应用程序框架，用来开发企业级的RIA
http://code.google.com/p/flest/

9、Gugga     Flash Framework    更新至AS3
http://www.gugga.com/flashblog/

10、Prana 另一个提供了IOC反转控制的框架，类似著名的Spring框架
http://www.pranaframework.org/

11、OpenFlux   开源的Flex组件框架，让开发Flex组件更加快速容易
http://code.google.com/p/openflux/

12、Degrafa      声明式的Flex图形框架，允许以MXML标签的方式绘制图形、创建皮肤，还包括对CSS的支持
http://code.google.com/p/degrafa/

13、FlexMVCs   针对AS3和Flex的应用程序框架，基于PureMVC，作了些修正和精简
http://code.google.com/p/flexmvcs/

Flash & Flex Tools、Servers

1、FlexUnit     Flex/Actionscript3.0单元测试框架
http://code.google.com/p/as3flexunitlib/

2、Visual FlexUnit 增强的FlexUnit，支持“可视化断言”
http://code.google.com/p/visualflexunit/

3、RED bug      debug调试控制器，让Flash、Flex、AIR应用程序更加容易
http://www.realeyesmedia.com/redbug/

4、reflexutil 可在运行时对Flex组件进行调试
http://code.google.com/p/reflexutil/

5、FxSpy   当Flex应用程序运行时可以检测和动态的改变可视化组件属性值
http://code.google.com/p/fxspy/

6、ThunderBolt 基于Firefox的Firebug插件的日志扩展，支持AS2及AS3
http://code.google.com/p/flash-thunderbolt/

7、FlashTracer Firefox扩展，可以以侧栏的方式将Flash中trace()的结果显示

8、RIALogger　另一款Flex/AIR的Debug工具
http://renaun.com/blog/flex-components/rialogger/

9、Alcon 一款轻量级的AS2及AS3的Debug工具，AIR方式将Debug信息展示出来
http://blog.hexagonstar.com/alcon/

10、GDS (Granite Data Services) 开源，提供了Adobe LiveCycle Data Services类似功能的服务器
http://www.graniteds.org/

Flex Explorers  （大部分为Flex2版本，但同样适用于Flex3）

1、Flex3 Component Explorer   Flex各类组件示例
http://examples.adobe.com/flex3/componentexplorer/explorer.html

2、Resize ManagerFX Explorer （此为商业作品，要收费的）
http://www.teotigraphix.com/explorers/ResizeManagerFX/ResizeManagerFXExplorer.html

3、Flex3 Style Explorer
http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html

4、Flex2 Style Explorer（添加了Kuler功能）Flex UI组件风格定制并可输出为CSS
http://www.maclema.com/content/sek/

5、Flex2 Style Explorer（Adobe 原始的版本）
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html

6、Flex2 Filter Explorer   查看各类滤镜效果并可进行设置
http://merhl.com/flex2_samples/filterExplorer/
http://merhl.com/?p=40 (AIR版本)

7、Flex2 Primitive Explorer   在Flex中创建各种简单形状
http://www.flexibleexperiments.com/Flex/PrimitiveExplorer/Flex2PrimitiveExplorer.html