﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>博兮博客</title>
	<atom:link href="http://blog.boxizhai.com/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.boxizhai.com</link>
	<description>博兮斋--做互联网上最好的在线书法工具</description>
	<pubDate>Tue, 02 Feb 2010 09:53:29 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>[转载]改善你的jQuery的25个小贴士</title>
		<link>http://blog.boxizhai.com/index.php/2010/02/02/25tipofjquery/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/02/02/25tipofjquery/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 09:39:55 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[杂项]]></category>

		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=216</guid>
		<description><![CDATA[1.从GoogleCode加载jQuery
GoogleCode上已经托管了多种JavaScript类库，从GoogleCode上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽，能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是，如果用户访问那些发布在GoogleCode上的站点后它会被缓存下来。
这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本，而这些很容易做到:
&#60;scriptsrc=&#8221;&#60;SPAN&#62;&#60;Ahref=&#8221;http://www.google.com/jsapi&#8221;&#62;http://www.google.com/jsapi&#60;/A&#62;&#8221;&#62;&#60;/script&#62;
&#60;scripttype=&#8221;text/javascript&#8221;&#62;
//LoadjQuery
google.load(&#8221;jquery&#8221;,&#8221;1.2.6&#8243;);
google.setOnLoadCallback(function(){
//Yourcodegoeshere.
});
&#60;/script&#62;
&#60;scriptsrc=&#8221;http://www.google.com/jsapi&#8221;&#62;&#60;/script&#62;
&#60;scripttype=&#8221;text/javascript&#8221;&#62;
//LoadjQuery
google.load(&#8221;jquery&#8221;,&#8221;1.2.6&#8243;);
google.setOnLoadCallback(function(){
//Yourcodegoeshere.
});
&#60;/script&#62;
或者，你能够直接引用JS:
scriptsrc=&#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js&#8221;type=&#8221;text/javascript&#8221;&#62;&#60;/script&#62;�
&#60;scriptsrc=&#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js&#8221;type=&#8221;text/javascript&#8221;&#62;&#60;/script&#62;
这里有详细的用法说明
2.使用备忘单
不仅仅是jQuery，很多编程语言也有类似的备忘单，在一张A4的纸上就可以很容易看到每个函数的用法。幸运的是已经有好心的家伙把jQuery的备忘单做得很完善了：
http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/
http://colorcharge.com/jquery/
【译注】
jQuery1.3CheatSheet
3.整合所有的脚本并缩减它们
不错，这是JavaScript的一个常见技巧。可是一个使用了jQuery的大项目可能使用了很多相关的jQuery插件(本站就使用了easing,localScroll,lightbox,preload)，因此它通常是适用的。浏览器不能同时加载JS脚本（大多数情况下），这意味着如果你同一时间加载很多脚本的话，将减缓页面的加载速度。因此，如果每个页面都要加载这些脚本，你应该考虑在发布之前将这些脚本整合成一个稍大的JS脚本。一些jQuery插件已经最小化了，但是你应该打包你的JS脚本和那些没有缩减过的脚本，这仅需要几秒的时间就可以完成。
就个人而言，我推荐PackerbyDeanEdwards
4.使用Firebug出色的控制台日志工具
如果你还没有安装Firebug，那么你真的应该把它装上。除了许多其它有用的特性（比如允许你检查http传输情况、发现你的CSS问题），它也有极好的日志命令，允许你很容易调试JS脚本。
这里有Firebug所有特性的详细说明。
我最喜欢的特性有”console.info“，通过它你可以把信息和变量值输出到控制台上，而不必使用alert；”console.time”则允许你在一组代码上设置定时器，从而计算出JS脚本运行所花费的时间。这一切都很容易做到:
console.time(&#8217;createlist&#8217;);
for(i=0;i&#60;1000;i++){
varmyList=$(&#8217;.myList&#8217;);
myList.append(&#8217;Thisislistitem&#8217;+i);
}
console.timeEnd(&#8217;createlist&#8217;);
5.通过缓存最小化选择操作
jQuery的选择器棒极了。它们可以在页面上以极其简单的方法找到任何元素，但是在内部它们必须通过大量的步骤才可以实现选择操作，如果你错误的使用它们，那么你可能发现一切都变得相当慢。
如果你一次又一次的选择相同元素(例如在一个循环中)，那么你可以一次选择出它并放入内存中，同时你可以在核心内容里操作它。看下面的例子，这里我们利用循环往UL里添加条目：
for(i=0;i&#60;1000;i++){
varmyList=$(&#8217;.myList&#8217;);
myList.append(&#8217;Thisislistitem&#8217;+i);
}
这在我的PC上Firefox3花费了1066毫秒时间（可以设想一下在IE6中的情况！），对JavaScript而言这个操作相当慢。现在让我们来看看下面的代码，这里我们仅使用了一次选择操作：
varmyList=$(&#8217;.myList&#8217;);
for(i=0;i&#60;1000;i++){
myList.append(&#8217;Thisislistitem&#8217;+i);
}
仅仅用了224毫秒，通过移动一行代码就快了将近4倍。
6.最小化DOM操作
我们通过减少对DOM的插入操作可以让上面的代码运行得更快。DOM的插入操作（像.append(),.prepend(),.after(),.wrap()）是相当耗时的，执行这些操作会拖慢程序的运行。
我们所要做的就是使用字符串拼接来构造一个list项并用一个函数往列表里添加这些项，比如.html()。请看下面的例子：
varmyList=$(&#8217;#myList&#8217;);
for(i=0;i&#60;1000;i++){
myList.append(&#8217;Thisislistitem&#8217;+i);
}
在我的PC上花费了216毫秒，仅仅在1/5秒左右。但是如果我们使用字符串构造list项，使用下面的HTML方法完成插入操作：
varmyList=$(&#8217;.myList&#8217;);
varmyListItems=&#8221;;
for(i=0;i&#60;1000;i++){
myListItems+=&#8217;&#60;li&#62;Thisislistitem&#8217;+i+&#8217;&#60;/li&#62;&#8217;;
}
myList.html(myListItems);
它耗时185毫秒，尽管没有快很多，但是也提高了31毫秒的时间。
7.处理DOM插入操作时，将需要的内容包装在一个元素中
嗯，不要问我为什么要这样做（我相信一个有相当经验的程序员会给你解释）。
在上面的例子中我们使用.html()将1000个item项插入到UL中。如果在插入操作之前我们将这些项包装在UL标签中，然后把完整的UL插入到另一个DIV标签中，那么我们实际上仅仅插入一个标签而不是1000个，这看起来要更高效些。请看下面这个例子：
varmyList=$(&#8217;.myList&#8217;);
varmyListItems=&#8217;&#60;ul&#62;&#8217;;
for(i=0;i&#60;1000;i++){
myListItems+=&#8217;&#60;li&#62;Thisislistitem&#8217;+i+&#8217;&#60;/li&#62;&#8217;;
}
myListItems+=&#8217;&#60;/ul&#62;&#8217;;
myList.html(myListItems);
现在所花费的时间仅19毫秒，比我们之前的第一个例子明显提高了50倍。
8.尽可能使用IDs而不是classes
jQuery利用classes进行DOM元素选择操作与通过ID进行选择一样容易，因此与之前相比更自由的使用classes进行元素选择操作很有吸引力。不过由于jQuery使用浏览器固有的方法（getElementById）进行选择操作，因此利用ID进行选择操作更有优势。有多快呢？让我们来看看。
我使用前一个例子，修改它以便于我们创建的每个LI有一个唯一的class。然后我将遍历之，每次选择一个元素：
//Createourlist
varmyList=$(&#8217;.myList&#8217;);
varmyListItems=&#8217;&#60;ul&#62;&#8217;;
for(i=0;i&#60;1000;i++){
myListItems+=&#8217;&#60;liclass=&#8221;listItem&#8217;+i+&#8217;&#8221;&#62;Thisisalistitem&#60;/li&#62;&#8217;;
}
myListItems+=&#8217;&#60;/ul&#62;&#8217;;
myList.html(myListItems);
//Selecteachitemonce
for(i=0;i&#60;1000;i++){
varselectedItem=$(&#8217;.listItem&#8217;+i);
}
正如所想的，我的浏览器花费了5066毫秒的时间（5秒多）。因此我修改上述代码以使用ID而不是class，然后通过ID进行选择。
//Createourlist
varmyList=$(&#8217;.myList&#8217;);
varmyListItems=&#8217;&#60;ul&#62;&#8217;;
for(i=0;i&#60;1000;i++){
myListItems+=&#8217;&#60;liid=&#8221;listItem&#8217;+i+&#8217;&#8221;&#62;Thisisalistitem&#60;/li&#62;&#8217;;
}
myListItems+=&#8217;&#60;/ul&#62;&#8217;;
myList.html(myListItems);
//Selecteachitemonce
for(i=0;i&#60;1000;i++){
varselectedItem=$(&#8217;#listItem&#8217;+i);
}
仅仅耗时61毫秒，几乎快了100倍。
9.给选择器提供上下文
默认情况下，当你使用类似$(’.myDiv’)的选择器时将在整个DOM文档查找元素，这有很大的代价。
当执行选择操作时，jQuery函数可以指定第二个参数：jQuery(expression,context)通过给选择器提供一个上下文，那就会在这个context中进行元素查找，而不必在整个DOM文档中查找元素。
为了解释这个，我们采用前面的第一段代码。它创建一个有1000项内容的UL，每项都有一个单独的class。
然后遍历之每次选择一项。你应该记得通过class选择所有的1000项item需要耗时5秒多。
varselectedItem=$(&#8217;#listItem&#8217;+i);�
然后我给其添加一个上下文，以便于仅在UL中执行选择操作：
varselectedItem=$(&#8217;#listItem&#8217;+i,$(&#8217;.myList&#8217;));�
由于效率太差，仍耗时3818毫秒的时间，但是通过一个很小的修改仍获得了25%的速度提升。
10.正确使用方法链
jQuery最炫的一个特性就是jQuery能够连续的进行方法调用。举例来说，你想去切换元素的class：
$(&#8217;myDiv&#8217;).removeClass(&#8217;off&#8217;).addClass(&#8217;on&#8217;);�
如果你像我这样，你可能在前五分钟的jQuery学习就可以更进一步使用它。首先它仍可以跨行操作(jQuery是JavaScript)，这意味着你能够写出下面这样工整的代码：
$(&#8217;#mypanel&#8217;)
.find(&#8217;TABLE.firstCol&#8217;)
.removeClass(&#8217;.firstCol&#8217;)
.css(&#8217;background&#8217;:'red&#8217;)
.append(&#8217;&#60;span&#62;Thiscellisnowred&#60;/span&#62;&#8217;);�
使用链表的习惯将有助于你减少选择器的使用。然而可以更深入使用之，你想在一个元素上执行好几个函数，但是以某种方式改变了操作的元素：
$(&#8217;#myTable&#8217;).find(&#8217;.firstColumn&#8217;).css(&#8217;background&#8217;,'red&#8217;);�
我们选择了一个表格，在其中找到class为”firstColumn”的单元格，然后使之背景变为红色。
现在我们希望将所有class为”lastColumn”的单元格背景设为蓝色。因为我们已经使用了find()函数过滤出class不为”firstColumn”的所有单元格，因此我们需要再一次对表格使用选择操作，我们难道不能连续进行方法调用吗？幸运的是jQuery提供了end()函数，这将匹配的元素列表变为前一次状态以便于你可以执行方法链表：
$(&#8217;#myTable&#8217;)
.find(&#8217;.firstColumn&#8217;)
.css(&#8217;background&#8217;,'red&#8217;)
.end()
.find(&#8217;.lastColumn&#8217;)
.css(&#8217;background&#8217;,'blue&#8217;);
写一个能够进行方法链式调用的自定义jQuery函数也很容易。你所做的就是要写个能修改元素并返回元素的函数。
viewplaincopytoclipboardprint?
$.fn.makeRed=function(){
return$(this).css(&#8217;background&#8217;,'red&#8217;);
}
$(&#8217;#myTable&#8217;).find(&#8217;.firstColumn&#8217;).makeRed().append(&#8217;hello&#8217;);�
它很简单吧！
11.学会正确使用效果
在我刚开始使用jQuery的时候，就很喜欢这一点：它可以很容易使用预定义好的各种动画效果，像slideDown()和fadeIn()之类的。由于jQuery提供的animate()方法十分易用和强大，我们很容易深入使用它。事实上，在jQuery源代码中不少方法就是通过animate()函数来实现效果的。
slideDown:function(speed,callback){
returnthis.animate({height:&#8221;show&#8221;},speed,callback);
},
fadeIn:function(speed,callback){
returnthis.animate({opacity:&#8221;show&#8221;},speed,callback);
}
animate()方法仅仅作用在CSS上，根据数值平滑的进行转换。因此你能够改变宽度、高度、透明度、背景色、top、left、margin、颜色、字体大小以及任何你想要的。
给菜单项添加高度变化的效果是很容易做到的：
$(&#8217;#myListli&#8217;).mouseover(function(){
$(this).animate({&#8221;height&#8221;:100},&#8221;slow&#8221;);
});
不像其他的jQuery函数，动画效果自动的排进队列，因此如果在第一个特效完成之后你想运行第二个特效，需要两次调用animate方法：
$(&#8217;#myBox&#8217;).mouseover(function(){
$(this).animate({&#8221;width&#8221;:200},&#8221;slow&#8221;);
$(this).animate({&#8221;height&#8221;:200},&#8221;slow&#8221;);
});
如果你想动画效果同时发生，那么需要将所有的styles作为一个参数对象传入方法中：
$(&#8217;#myBox&#8217;).mouseover(function(){
$(this).animate({&#8221;width&#8221;:200,&#8221;height&#8221;:200},&#8221;slow&#8221;);
});
你能够给值是数字的属性添加动画效果。你也可以下载插件帮助你给非数字值的属性添加动画效果，像colorsandbackgroundcolors
12.了解事件代理
与之前相比，jQuery能够更容易得向DOM元素无缝添加事件。这是很棒的特性，然而向元素添加太多的事件是效率很差的。在很多情况下事件代理允许你用少量的事件实现同样的目的。最好的解释方法就是使用实例：
$(&#8217;#myTableTD&#8217;).click(function(){
$(this).css(&#8217;background&#8217;,'red&#8217;);
});
当我们点击表格中的单元格时，上面的代码将使所有单元格背景变为红色。比方说，你有一个10列、50行的网格，那么就会绑定上500个事件。嗯，这时就是事件代理出场的时候了：
$(&#8217;#myTable&#8217;).click(function(e){
varclicked=$(e.target);
clicked.css(&#8217;background&#8217;,'red&#8217;);
});
e’包含了事件的信息，包括了实际接收到click事件的目标元素。我们所要做的就是检查是哪个单元格被点击了。相当的巧妙！
事件代理带来了另外一个好处。正常情况下，在你往一个元素集合绑定一个事件，该事件仅仅只是绑定到这些集合元素上。如果你向DOM中添加了新的元素，尽管这些新元素被选择器所匹配，但是这些新元素并不会绑定上事件处理（你同意我的观点吗？），因此不会有事件发生。
当使用事件代理时，你能够在事件被DOM绑定后仍然可以添加多个被匹配的元素到其中，而它们同样能够正常工作。
13.利用classes存储状态
这是在html中存储信息最基本的方法。jQuery擅长基于classes进行元素的操作，因此如果你需要存储元素的状态信息，为什么不试试使用额外的class来存储它呢？
这里有一个例子。我们想创建一个展开的菜单。当你点击按钮时，我们希望通过slideDown()和slideUp()进行菜单的展开与收缩。请看下面的HTML：
&#60;divclass=&#8221;menuItemexpanded&#8221;&#62;
&#60;divclass=&#8221;button&#8221;&#62;
clickme
&#60;/div&#62;
&#60;divclass=&#8221;panel&#8221;&#62;
&#60;ul&#62;
&#60;li&#62;Menuitem1&#60;/li&#62;
&#60;li&#62;Menuitem2&#60;/li&#62;
&#60;li&#62;Menuitem3&#60;/li&#62;
&#60;/ul&#62;
&#60;/div&#62;
&#60;/div&#62;
非常的简单！我们仅仅向包装器DIV添加一个额外的class，它只是告诉我们item项的状态。因此在按钮点击之后我们所需要的只是click事件处理，这会执行相应的slideUp()和slideDown()方法。
$(&#8217;.button&#8217;).click(function(){
varmenuItem=$(this).parent();
varpanel=menuItem.find(&#8217;.panel&#8217;);
if(menuItem.hasClass(&#8221;expanded&#8221;)){
menuItem.removeClass(&#8217;expanded&#8217;).addClass(&#8217;collapsed&#8217;);
panel.slideUp();
}
elseif(menuItem.hasClass(&#8221;collapsed&#8221;)){
menuItem.removeClass(&#8217;collapsed&#8217;).addClass(&#8217;expanded&#8217;);
panel.slideDown();
}
});
这是很简单的一个例子，不过你可以给一个元素或HTML片断添加额外的classes以存储所有种类的信息。
然而，除了在简单的情况之外我们更应该使用下面这个技巧。
14.更好的方法是利用jQuery内置的data()方法存储状态
由于某些原因，这方面没有很好的文档可以参考。jQuery提供了内置的data()方法，与DOM元素不同的是，它可以用来存储key/value类型的数据。数据的存储是很容易的：
$(&#8217;#myDiv&#8217;).data(&#8217;currentState&#8217;,'off&#8217;);
我们修改上一个例子的代码，以便于我们可以使用相同的HTML内容(除了没有”expanded”类)并使用data()函数来进行状态的存储：
$(&#8217;.button&#8217;).click(function(){
varmenuItem=$(this).parent();
varpanel=menuItem.find(&#8217;.panel&#8217;);
if(menuItem.data(&#8217;collapsed&#8217;)){
menuItem.data(&#8217;collapsed&#8217;,false);
panel.slideDown();
}
else{
menuItem.data(&#8217;collapsed&#8217;,true);
panel.slideUp();
}
});
我相信你也会赞同这种方法的使用的确更加的精巧，对于data()和removeData()的更多信息，请查看jQueryinternals
15.写你自己的选择器
jQuery有许多内置的选择器用以通过ID、class、标签、属性以及其他元素进行选择操作。然而当你需要基于其它一些内容进行元素选择而jQuery却没有提供该选择器时，你能做什么呢？
嗯，一个解决方案可能是从一开始就给元素添加上classes，从而利用这些classes进行元素的选择操作。然而这被证明很难对jQuery扩展出新的选择器。
最好的解释方法就是使用实例：
$.extend($.expr[':'],{
over100pixels:function(a){
return$(a).height()&#62;100;
}
});
$(&#8217;.box:over100pixels&#8217;).click(function(){
alert(&#8217;Theelementyouclickedisover100pixelshigh&#8217;);
});
代码的前一部分创建一个自定义的选择器，它可以找出所有长度超过100px的元素。接下来的代码仅仅是将click事件绑定到使用该选择器查找出来的那些元素上。
这里我不做更具体的讲解，但是你能设想一下它有多么的强大！如果你在google上搜索”customjqueryselector”，你会看到有很多这方面的例子。
16.精简你的HTML并在页面加载后修改它
这个标题可能没有多大意思，但是这个技巧可能理顺你的代码、减小代码体积和页面的下载时间、有助优化你的搜索引擎。请看下面的例子：
&#60;divclass=&#8221;fieldOuter&#8221;&#62;
&#60;divclass=&#8221;inner&#8221;&#62;
&#60;divclass=&#8221;field&#8221;&#62;Thisisfieldnumber1&#60;/div&#62;
&#60;/div&#62;
&#60;divclass=&#8221;errorBar&#8221;&#62;
&#60;divclass=&#8221;icon&#8221;&#62;&#60;imgsrc=&#8221;icon.png&#8221;alt=&#8221;icon&#8221;/&#62;&#60;/div&#62;
&#60;divclass=&#8221;message&#8221;&#62;&#60;span&#62;Thisisanerrormessage&#60;/span&#62;&#60;/div&#62;
&#60;/div&#62;
&#60;/div&#62;
&#60;divclass=&#8221;fieldOuter&#8221;&#62;
&#60;divclass=&#8221;inner&#8221;&#62;
&#60;divclass=&#8221;field&#8221;&#62;Thisisfieldnumber2&#60;/div&#62;
&#60;/div&#62;
&#60;divclass=&#8221;errorBar&#8221;&#62;
&#60;divclass=&#8221;icon&#8221;&#62;&#60;imgsrc=&#8221;icon.png&#8221;alt=&#8221;icon&#8221;/&#62;&#60;/div&#62;
&#60;divclass=&#8221;message&#8221;&#62;&#60;span&#62;Thisisanerrormessage&#60;/span&#62;&#60;/div&#62;
&#60;/div&#62;
&#60;/div&#62;
上面是一个HTML的具体例子，为了解释目的做了少量修改。我相信你也会认为这段代码相当的丑陋。如果类似代码很长的话，你最终会形成一个相当长且丑陋的页面。因此你可以像下面这样处理它：
&#60;divclass=&#8221;field&#8221;&#62;Thisisfield1&#60;/div&#62;
&#60;divclass=&#8221;field&#8221;&#62;Thisisfield2&#60;/div&#62;
&#60;divclass=&#8221;field&#8221;&#62;Thisisfield3&#60;/div&#62;
&#60;divclass=&#8221;field&#8221;&#62;Thisisfield4&#60;/div&#62;
&#60;divclass=&#8221;field&#8221;&#62;Thisisfield5&#60;/div&#62;
所有你要做的就是在页面加载完成之后通过jQuery的操作将丑陋的HTML添加回去：
$(document).ready(function(){
$(&#8217;.field&#8217;).before(&#8217;&#60;divclass=&#8221;fieldOuter&#8221;&#62;&#60;divclass=&#8221;inner&#8221;&#62;&#8217;);
$(&#8217;.field&#8217;).after(&#8217;&#60;/div&#62;&#60;divclass=&#8221;errorBar&#8221;&#62;&#60;divclass=&#8221;icon&#8221;&#62;
&#60;imgsrc=&#8221;icon.png&#8221;alt=&#8221;icon&#8221;/&#62;&#60;/div&#62;&#60;divclass=&#8221;message&#8221;&#62;
&#60;span&#62;Thisisanerrormessage&#60;/span&#62;&#60;/div&#62;&#60;/div&#62;&#60;/div&#62;&#8217;);
});
这样做并不总是可取的，在页面加载后的一瞬间你将会看到页面的闪动，但是在特定情况下你有很多重复的HTML内容，这时通过这个方法你可以显著的减小页面代码体积，减少无关且重复的标记能使你的SEO从中受益。
17.为了速度和SEO方面的考虑，延迟加载内容
另外还有一个方法可以提升页面加载速度，理顺Spiders搜索的HTML内容，通过在页面加载之后使用AJAX请求晚加载其他内容，这样用户就可以马上开始浏览，让Spider看到你想要它们进行索引的内容。
我们已经在自己的网站上使用了这个技术。本页面上部的紫色按钮会弹出三个表格，方位与Google地图，这会使我们页面大小增加两倍。因此我们仅需要把这些HTML内容放入一个静态页面中，在页面加载完成之后通过load()函数加载它：
$(&#8217;#forms&#8217;).load(&#8217;content/headerForms.html&#8217;,function(){
//Codehererunsoncethecontenthasloaded
//Putallyoureventhandlersetc.here.
});�
我不会在页面上随处使用这个技巧。对此，你必须权衡考虑。你需要有额外的页面请求，而且页面上的部分内容不能立即呈现给用户，但是正确的使用这个技巧对优化会很有帮助。
18.使用jQuery提供的工具函数
jQuery不仅仅有闪光的效果。jQuery作者也提供了一些相当实用的方法，这填补了JacaScript的一些缺陷。
http://docs.jquery.com/Utilities
尤其，提供一些常见的数组函数的浏览器支持是一个补丁。jQuery提供了迭代、过滤、克隆、合并和从数组中去除重复项的方法。
其他常用的函数包括得到下拉框中的选择项。用传统的JavaScript方法，你就必须使用getElementById得到&#60;select&#62;元素，然后通过遍历它的子元素找出被选中的元素。而jQuery提供了相当容易使用的方法：
$(&#8217;#selectList&#8217;).val();
花时间浏览官方网站上的jQuery文档与一些不常用的方法上是很值得的。
19.使用noConflict重命名jQuery对象
大多数JavaScript框架都使用$符号作为缩写，当在同一个页面使用多个JS框架时，页面很容易发生冲突。幸运的是有一个简单的方法。noConflict()函数交回$的控制权并允许你设置成自己的变量名：
$(&#8217;#selectList&#8217;).val();
20.如何得知图片已加载完毕
这也一个没有很好文档说明的问题（至少在我查找时没看到），但是在创建照片库、旋转灯笼效果等方面，它是相当常见的需求。而这在jQuery中很容易实现。
所有你要做的就是在IMG上使用.load()方法，在其中添加一个回调函数。下面的例子改变了一个图片src的属性同事附加上一个简单的load函数：
$(&#8217;#myImage&#8217;).attr(&#8217;src&#8217;,'image.jpg&#8217;).load(function(){
alert(&#8217;ImageLoaded&#8217;);
});
你应该可以发现一旦图片加载完毕就会弹出一个alert。
21.总是使用最新版本
jQuery仍在不断的更新，它的作者JohnResig一直在寻找提高jQuery性能的方法。jQuery当前的版本是1.2.6，John已经宣称他正在写一个新的选择器引擎Sizzle，这可能会显著的提高选择器性能（在Firefox中提升了4倍），因此我们应当保持最新版本。
【译注】这是去年年底写的文章，而目前最新版本是v.1.3.2。
22.如何检查元素是否存在
你不必检查元素是否在页面上存在就可以使用它，因为如果没有在DOM中找到合适的元素，jQuery什么也不会做。可是当我们需要检查元素是否被选择了，或是有多少项被选择了，你可以使用length属性：
if($(&#8217;#myDiv).length){
//yourcode
}
简单之极。
23.给你的HTML属性增加JS类
我是从KarlSwedberg那学到这个技巧，过去学习jQuery时一直在看他的书。
他最近在我以前的文章留下了对该用法的评论，基本原则如下示之。
首先，在jQuery加载之后你可以使用方法将”JS”类添加到HTML标签中：
$(&#8217;HTML&#8217;).addClass(&#8217;JS&#8217;);�
因为这仅仅发生在javascript有效的时候，如果用户打开JavaScript开关，那么你可以使用它给元素添加上CSS风格：
.JS#myDiv{display:none;}
因此，这意味着在JavaScript打开时我们可以隐藏内容，然后在需要时使用jQuery显示这些内容（比如在用户点击时收缩或展开内容），同时在关闭JavaScript（以及搜索Spiders）时会看到所有内容。我将在晚些时候使用这个技巧。
可以在这里看到他的所有文章。
24.返回’false’以防止默认行为
这是很明显的，也可能不是。如果你有这样的习惯：
&#60;ahref=&#8221;#&#8221;class=&#8221;popup&#8221;&#62;Clickme!&#60;/a&#62;
然后添加上如下的事件处理：
$(&#8217;popup&#8217;).click(function(){
//Launchpopupcode
});
你在长页面使用上述方法时，它可能可以正常工作。有些时候你会注意到在点击链接后锚点会跳转到页面上部。
所有你要做的就是阻止它的默认行为，或者实际上你可以把”returnfalse;”添加到任何事件的默认行为上。像这样：
$(&#8217;popup&#8217;).click(function(){
//Launchpopupcode
returnfalse;
});
25.ready事件的简写
一个小技巧但是通过使用$(document).ready()的简写，你可以少输入几个字符。
取代：
$(document).ready(function(){
//yourcode
});
你可以简写成：
$(function(){
//yourcode
});

	相关日志
	
	自定义confirm，alert (0)


]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/02/02/25tipofjquery/feed/</wfw:commentRss>
		</item>
		<item>
		<title>[转载]Simple Flex RSS Reader using Cairngorm 研究</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/20/simple-flex-rss-reader-using-cairngorm/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/20/simple-flex-rss-reader-using-cairngorm/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 09:34:27 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=209</guid>
		<description><![CDATA[显示结构
下图是RssReader的显示结构。可以发现，除了可视化组件（绿色）外，非可视化组件（红色）也用mxml的方式组装到整个Application中。这样做的目的是为了更好的利用Flex中的事件传播机制。

事件流
下面看一下RssReader初始化时的事件流。（其他的事件流可以用同样的方法进行分析）
 
URI中监听了creationComplete事件。当创建URI完成后，会调用handleCreationComplete方法，设置的URL，然后再调用CairngormEventDispatcher的dispatch方法，发布自定义的GetFeedEvent事件。
代码如下：

?View Code MXML&#60;!--l version=&#34;1.0&#34; encoding=&#34;utf-8--&#62;
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:HBox xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; creationComplete=&#34;handleCreationComplete()&#34;&#62;
&#160;
    &#60;mx:Script&#62;
        &#60;![CDATA[
            import com.nagpals.flexrssreader.events.GetFeedEvent;
            import com.adobe.cairngorm.control.CairngormEventDispatcher;
         [...]]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/20/simple-flex-rss-reader-using-cairngorm/feed/</wfw:commentRss>
		</item>
		<item>
		<title>[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Command部分</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_command/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_command/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 07:21:31 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=206</guid>
		<description><![CDATA[这一讲对Command部分进行详细解释，也就是command如何通过Delegate部分去做Services（Remoting,Webservices&#8230;等等）。
　　从上一讲中读者可以知道，Event触发通过FrontController影射到对应的Command进行业务处理。
　　而如果系统要和后台的数据库进行数据交互的话，Command就会产生Delegate，将远程访问（HTTP,WebServices等等）实例化，并将结果返回给Command。
　　Service则就是用来定义服务器端访问以获取数据的。
　　这样读者就很清晰Command部分的处理流程了，对照代码解释如下：
　　LoadPhotosCommand.as中需要加载图片访问服务器数据（该实例简化就定义在本地xml中，不过原理一样的），通过onResults_loadPhotos这个，将获取的图片数据加载到ModelLocator中，这样View就可以显示所获取的数据了。
　　而在PhotoDelegate中，就是将远程访问实例化而已：__service = __locator.getHTTPService(&#8221;photosIn&#8221;);
　　Services.mxml中定义了访问数据的方式：&#60;mx:HTTPService id=&#8221;photosIn&#8221; url=&#8221;assets/photos.xml&#8221;/&#62;。
　　读者通过Demo15及对其的详细讲解，应该有一个很基础的认知了，至于框架本身如何，在实际系统的开发中，都要很好的去遵循框架本身的要求。

	相关日志
	
	推荐60+ Flex开发参考网站 (0)
	代码插件测试 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之核心控制流程 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Model Locator (0)
	[转载]使用FLEX3开发大型多人在线游戏（2） (0)


]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_command/feed/</wfw:commentRss>
		</item>
		<item>
		<title>[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Model Locator</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_airngorm_model_locator/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_airngorm_model_locator/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 07:18:58 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=204</guid>
		<description><![CDATA[　　Model Locator的概念已经讲过，就是在一个地方存储程序中所有的值对象（ValueObjects，数据）并共享变量。
　　也就是说，Model Locator用来集中管理程序所需要的变量。
　　下边把Demo15的ModelLocator.as代码如下：（作者增加相应的注释）

?View Code ACTIONSCRIPTimport mx.collections.ArrayCollection;
　
　&#91;Bindable&#93;
　public class ModelLocator
　&#123;
&#160;
　 //定义程序需要的变量，作者建议读者把该部分定义放在最下边，而不是示例中的上边，原因就是在于代码更整齐（因人而异，仅作者的个人建议，呵呵）
　　public var photoData:ArrayCollection=new ArrayCollection&#40;&#41;;
　　public var purchasedPhotos:ArrayCollection=new ArrayCollection&#40;&#41;;
&#160;
　　
&#160;
　 //定义ModelLocator的Single Instance，这就是设计模式的单例模式（不明白的读者可以看设计模式中的该模式讲解）
　　static private var __instance:ModelLocator=null;
　　//返回single instance
　　static public function getInstance&#40;&#41;:ModelLocator
　　&#123;
　　　if&#40;__instance == null&#41;
　　　&#123;
　　　　__instance=new ModelLocator&#40;&#41;;
　　　&#125;
　　　return __instance;
　　&#125;
　&#125;

　　对于ModelLocator的instance和getInstance的代码编写，这部分代码读者在写新的代码过程中，除非重新定义一个自己的ModelLocator(基于IModelLocator 接口实现)，这部分代码就这么写了，呵呵，即使是自己定义，其也大同小异。
　　对于getInstance来说，会判断程序是否已经有ModelLocator的实例，如果有则读取，没有则创建。
　　而[Bindable]的特性，使自己定义的变量在任何一个使用定义变量的地方自动更新，这也是ModelLocator的共享变量的概念所在。
　　ValueObject下的photo.as对象作者就不解释了，实在没啥解释的，呵呵。
　　下一讲就要对Cairngorm的核心控制流程进行讲解了，也就是bussiness下的各部分和event的复杂关系，可能读者刚接触会觉得很绕，没关系，呵呵，Step By Step，作者讲解之后，读者就不会有那种感觉了。
　　作者很感谢广大读者的支持，看见大家的评价，心里甚感欣慰，呵呵。

	相关日志
	
	推荐60+ Flex开发参考网站 (0)
	代码插件测试 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之核心控制流程 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Command部分 (0)
	[转载]使用FLEX3开发大型多人在线游戏（2） (0)


]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_airngorm_model_locator/feed/</wfw:commentRss>
		</item>
		<item>
		<title>[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之核心控制流程</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_corecontrole/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_corecontrole/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 07:14:30 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=202</guid>
		<description><![CDATA[这一讲结合Demo对Cairngorm的核心控制流程进行讲解，也帮助读者梳理一下对Demo代码的认知。
　　下图就是Caringorm的事件流程：

　　在操作View也就是页面的过程中会派发Event，然后由Front Controller影射分配给对应的Command，Command做完相应的业务处理更新ModelLocator的数据，由于ModelLocator（上一讲讲过）共享的原因，View自动会更新所显示的内容。
　　了解了这个基本流程后，读者对核心控制流程的认知就会更加清晰了：
　　Events：就是操作View或者其它设计产生的事件；
　　FrontController：就是注册Command和Event的对应关系，来把Event进行影射分配给相应的Command；
　　Command：进行业务处理，更新ModelLocator（至于Command部分如何利用Delegate和Service连接则在下一讲中进行详细描述）；
　　这下读者就很清楚了这三者之间的关系以及Cairngorm这么做的基本原理。
　　很显然，也就对应了以下的代码结构：

　　events目录下的AddPhotoToCartEvent.as和LoadPhotosEvent.as，继承自CairngormEvent。PhotoEvent让操作者选择图片时发出事件（FStop.mxml中操作事件触发）。
　　在FSController.as中定义（建议读者建一个controller的目录），继承自FrontController，负责将Event注册到Command，也就是接收到Event就分配给Command，代码如下：

?View Code ACTIONSCRIPTaddCommand&#40;LoadPhotosEvent.EVENT_ID,LoadPhotosCommand&#41;;
addCommand&#40;AddPhotoToCartEvent.EVENT_ID,AddPhotoToCartCommand&#41;;

在FStop.mxml中操作者触发代码：

?View Code ACTIONSCRIPT　　　　 //选择图片时触发AddPhotoToCartEvent
&#160;
　　　private function photoSelectedHandler&#40;event:PhotoEvent&#41;:void
　　　&#123;
　　　　var addEvent:AddPhotoToCartEvent=new AddPhotoToCartEvent&#40;event.selectedPhoto&#41;;
　　　　addEvent.dispatch&#40;&#41;;
　　　&#125;
&#160;
　　 //初始化系统时触发LoadPhotosEvent
&#160;
　　　private function initApp&#40;&#41;:void
　　　&#123;
　　　　var event:LoadPhotosEvent=new LoadPhotosEvent&#40;&#41;;
　　　　event.dispatch&#40;&#41;;
　　　&#125;

这下读者对代码是不是清晰很多了：）
　　下一讲对Command如何利用Delegate和Service连接进行讲解（说句实话，尽管作者也遵照这个规范去编写，但是仍然感觉Cairngorm架构对业务层的处理定义的过于复杂了，仅个人观点，非官方，呵呵）。

	相关日志
	
	推荐60+ Flex开发参考网站 (0)
	代码插件测试 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Model Locator (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Command部分 (0)
	[转载]使用FLEX3开发大型多人在线游戏（2） (0)


]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_corecontrole/feed/</wfw:commentRss>
		</item>
		<item>
		<title>[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之代码结构</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_codestructure/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_codestructure/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 07:09:44 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=200</guid>
		<description><![CDATA[首先看看Demo15的详细代码结构如下图：

　　其中，assets为系统用到的图片以及CSS样式和XML数据。
　　下边大家可以按照Cairngorm之组成部分那一讲的图片和概念对照，对其程序的组成部分就很清晰了，有一个很直观的认识。
　　大家很容易明白FStop.mxml是运行系统的主页面文件，而views下的mxml都是组成主页面的页面组件。这些就不具体讲解了，在后边，会把页面的一些和Cairngorm相关的在后边的讲解中会一起说明，而页面本身的大家可以看看教程的初级部分。
　　下一讲就讲model部分的代码进行讲解，这个相对来说也简单。之后就要对bussiness和events这两部分进行重点讲解，一般读者如果没有一定基础的话，不容易理解。

	相关日志
	
	无相关日志
	

]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/16/stepbystep_flex_cairngorm_codestructure/feed/</wfw:commentRss>
		</item>
		<item>
		<title>[转载]cairngorm登陆设计</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/16/cairngorm_login/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/16/cairngorm_login/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 06:46:20 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=195</guid>
		<description><![CDATA[听到一个网友讲了他的需求，所以花了点时间写了这个东西，顺便开了个博客，以前感觉自己写的东西拿不出来见人，但是这样自己就得不到发展，希望能对入门开发人员有点启示，高手们多加指导，作为一个业余爱好者，大学四年来，网络给予我很多的东西，帮助了我很多，网络作为我大学时代的唯一老师，我很是感激，希望终有一天自己能够为中国的开源程序发展做出丁点（毕竟能力是有限的）。特此感谢其他写程序博客人们，你们每一个都是无私的老师，能够与其他人分享开发的快乐。 同时也祝愿自己能够找到工，克服危机，加油！！！ 程序只是展现流程而已，大家自行补充完整，service是没有发送任何东西的，php页面会返回一个字符串。

?View Code ACTIONSCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
LoginService.as
package com.steps.Player.business
&#123;
	import com.steps.Player.vo.UserLoginInfo;
&#160;
	import mx.rpc.AsyncToken;
	import mx.rpc.IResponder;
	import com.adobe.cairngorm.business.ServiceLocator;
&#160;
	public class LoginService
	&#123;
		private var responder:IResponder;
		private var service:Object;
		public function LoginService&#40;responder:IResponder&#41;
		&#123;
			this.responder=responder;
			this.service=ServiceLocator.getInstance&#40;&#41;.getHTTPService&#40;&#34;LoginService&#34;&#41;;
		&#125;
		public function login&#40;userloginInfo:UserLoginInfo&#41;:void
		&#123;
			var token:AsyncToken=service.send&#40;&#41;;
			token.addResponder&#40;responder&#41;;
		&#125;
&#160;
	&#125;
&#125;
&#160;
&#160;
LoginManageCommand.as
package com.steps.Player.command
&#123;
	import com.adobe.cairngorm.commands.ICommand;
	import com.adobe.cairngorm.control.CairngormEvent;
	import com.steps.Player.business.LoginService;
	import com.steps.Player.event.UserLoginEvent;
	import com.steps.Player.view.PopupTitleWindow;
&#160;
	import flash.display.DisplayObject;
&#160;
	import mx.managers.PopUpManager;
	import mx.rpc.IResponder;
&#160;
	public class LoginManageCommand implements ICommand, IResponder
	&#123;
		private var parent:DisplayObject;
		public function execute&#40;event:CairngormEvent&#41;:void
		&#123;
			if&#40;event.type==UserLoginEvent.unLogin&#41;
			&#123;
				var login:PopupTitleWindow=PopupTitleWindow&#40;PopUpManager.createPopUp&#40;&#40;event as UserLoginEvent&#41;.parent,PopupTitleWindow,true&#41;&#41;
				PopUpManager.centerPopUp&#40;login&#41;;
			&#125;
			if&#40;event.type==UserLoginEvent.login&#41;
			&#123;
				this.parent=&#40;event as UserLoginEvent&#41;.parent;
				var delegate:LoginService=new LoginService&#40;this&#41;;
				delegate.login&#40;&#40;event as UserLoginEvent&#41;.userLoginInfo&#41;;
			&#125;
		&#125;
&#160;
		public function result&#40;data:Object&#41;:void
		&#123;
			PopUpManager.removePopUp&#40;this.parent as PopupTitleWindow&#41;;
		&#125;
&#160;
		public function fault&#40;info:Object&#41;:void
		&#123;
		&#125;
&#160;
	&#125;
&#125;
&#160;
&#160;
LoginControl.as
package com.steps.Player.control
&#123;
	import [...]]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/16/cairngorm_login/feed/</wfw:commentRss>
		</item>
		<item>
		<title>推荐60+ Flex开发参考网站</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/16/%e6%8e%a8%e8%8d%9060-flex%e5%bc%80%e5%8f%91%e5%8f%82%e8%80%83%e7%bd%91%e7%ab%99/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/16/%e6%8e%a8%e8%8d%9060-flex%e5%bc%80%e5%8f%91%e5%8f%82%e8%80%83%e7%bd%91%e7%ab%99/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 05:39:44 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=193</guid>
		<description><![CDATA[
新手入门参考:

Adobe Flex 3 - adobe.com
Adobe Flex Sample Applications - adobe.com
Video Training (Learn Flex in a Week) - adobe.com
RSS Feeds (Get regular updates about Flex) - adobe.com
Learn about Flex Open Source - adobe.com
Get Flex 3 SDK - adobe.com
Get Flex Builder 3 - adobe.com
BlazeDS (The server-based Java remoting and web messaging technology) - adobe.com

应用收集，文章，博客，流行的应用和有用的资源：

Flex Samples - flex.org
Viewing [...]]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/16/%e6%8e%a8%e8%8d%9060-flex%e5%bc%80%e5%8f%91%e5%8f%82%e8%80%83%e7%bd%91%e7%ab%99/feed/</wfw:commentRss>
		</item>
		<item>
		<title>【存档】网站安全: 问题是不是有你的一份</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/15/websitesecurity/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/15/websitesecurity/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 02:10:34 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[杂项]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=189</guid>
		<description><![CDATA[Website security is an interesting topic and should be high on the radar of anyone who has a Web presence under their control. Ineffective Web security leads to all of the things that make us hate the Web: spam, viruses, identity theft, to name a few.
The problem with Web security is that, as important as [...]]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/15/websitesecurity/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Flex Builder 3.0 视频教学</title>
		<link>http://blog.boxizhai.com/index.php/2010/01/14/flex-builder-30-%e8%a7%86%e9%a2%91%e6%95%99%e5%ad%a6/</link>
		<comments>http://blog.boxizhai.com/index.php/2010/01/14/flex-builder-30-%e8%a7%86%e9%a2%91%e6%95%99%e5%ad%a6/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 10:15:38 +0000</pubDate>
		<dc:creator>博兮斋主</dc:creator>
		
		<category><![CDATA[ActionScript]]></category>

		<category><![CDATA[Flex]]></category>

		<guid isPermaLink="false">http://blog.boxizhai.com/?p=186</guid>
		<description><![CDATA[
http://veryhw.com/#Tab=1&#38;Video=%E7%9F%A5%E8%AF%86/%E6%8A%80%E6%9C%AF/Adobe/%E6%95%99%E7%A8%8B/Flex%203/01%20Flex,%20Flash,%20Flash%20Player,%20AIR%20%E6%A6%82%E8%BF%B0

	相关日志
	
	推荐60+ Flex开发参考网站 (0)
	代码插件测试 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之核心控制流程 (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Model Locator (0)
	[转载]跟我StepByStep学FLEX教程&#8212;&#8212;Cairngorm之Command部分 (0)


]]></description>
		<wfw:commentRss>http://blog.boxizhai.com/index.php/2010/01/14/flex-builder-30-%e8%a7%86%e9%a2%91%e6%95%99%e5%ad%a6/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
