<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>小前</title>
	<atom:link href="http://www.xiaoqian.org/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xiaoqian.org</link>
	<description>专注前端开发、用户体验、产品设计</description>
	<lastBuildDate>Sun, 22 Apr 2012 10:19:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Javascript事件冒泡和捕获，事件目标</title>
		<link>http://www.xiaoqian.org/41.html</link>
		<comments>http://www.xiaoqian.org/41.html#comments</comments>
		<pubDate>Sun, 22 Apr 2012 10:08:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=41</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;最近在研究Javascript事件传播的机制，在网上翻了一些资料，感觉收获很大，所以想整理一些资料分享给大家，同时给自己做个记号，日后温习。 什么是事件冒泡？ 比如点击了一个按钮，这个元素上的事件被触发，同时该事件将会传播到它的所有父级元素中被触发。(button-&#62;div-&#62;body-&#62;document-&#62;window)这一过程被称为事件冒泡。事件冒泡是从子级元素到父级元素。 什么是事件捕获？ 和事件冒泡恰恰相反，事件捕获是从父级元素到子级元素。 什么是事件目标？ 简单的说也就是事件开始的那个元素，也就是上面说的按钮。 不同浏览器下的事件模型 支持W3C标准的浏览器：先捕获在冒泡。在添加事件时用addEventListener(event,fn,useCapture)方法，基中第3个参数useCapture是一个Boolean值，为true，则采用事件捕获，为false，则采用事件冒泡。 不兼容W3C的浏览器(IE)：IE只支持事件冒泡，它也不支持addEventListener函数，不过提供了attachEvent()方法来处理事件。 事件冒泡有什么好处呢？ 我们想象这样一个情景，假设页面上有1000个单元格的table，我们点击每个单元格的时候改变当前单元格为可编辑的文本框。应对这样的情景，一般常规的做法是给每个单元格都绑定onclick事件，这样做页面上就有1000个onclick事件。会产生严重的性能问题，并且有可能导致内存泄露甚至是浏览器的崩溃。相反，利用事件冒泡机制，只要把事件添加到table上，所有的单元格事件触发都会冒泡到父级元素（table） ，然后我们可以通过事件目标来进行判断做相应的处理。 //假设有一个table里面有1000个单元格要处理 &#60;table id=&#34;tb&#34;&#62; &#60;tr&#62; &#60;td&#62;1&#60;/td&#62; &#60;td&#62;2&#60;/td&#62; &#60;/tr&#62; //...&#60;td&#62;1000&#60;/td&#62; &#60;/table&#62; &#160; //首先给父级元素table绑定事件，接收子级单元格的事件冒泡 document.getElementById&#40;'tb'&#41;.onclick = eidtCell; &#160; //编辑单元格 function eidtCell&#40;e&#41;&#123; var target = getEventTarget&#40;e&#41;; if&#40;target.tagName === 'TD'&#41;&#123; //...do something &#8230; <a href="http://www.xiaoqian.org/41.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/41.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript性能分析工具 — YUI Profiler</title>
		<link>http://www.xiaoqian.org/39.html</link>
		<comments>http://www.xiaoqian.org/39.html#comments</comments>
		<pubDate>Wed, 11 Apr 2012 15:27:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[工具]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=39</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;最近比较闲，没事就爱瞎折腾。之前一直在找关于Javascript的性能分析工具，这不发现了YUI Profiler。大家都知道分析函数执行时间，可以简单的用Date计算时间差解决。对于高性能Javascript开发来说远远不够，所以YUI Profiler诞生了。YUI Profiler能更全面分析性能数据，比如平均执行时间，被调用次数，最大执行时间，最小执行时间。嘿，具体的我就不累赘了！写了个简单的例子，学习学习。 //首先要引入JS文件 &#60;script src=&#34;http://yui.yahooapis.com/2.9.0/build/yahoo/yahoo.js&#34;&#62;&#60;/script&#62; &#60;script src=&#34;http://yui.yahooapis.com/2.9.0/build/profiler/profiler-min.js&#34;&#62;&#60;/script&#62; &#160; //分析一下用不同方法向页面添加DOM元素，在各浏览器中的性能差异 function createElement1&#40;&#41;&#123;//普通方法 for&#40;var i=0;i&#60;10000;i++&#41;&#123; var div = document.createElement&#40;'div'&#41;; document.body.appendChild&#40;div&#41;; &#125; &#125; function createElement2&#40;&#41;&#123;//创建文档碎片的方式 var df = document.createDocumentFragment&#40;&#41;; for&#40;var i=0;i&#60;10000;i++&#41;&#123; var div = document.createElement&#40;'div'&#41;; df.appendChild&#40;div&#41;; &#125; document.body.appendChild&#40;df&#41;; &#125; //将function注册到profiler,指明function为全局对象 YAHOO.tool.Profiler.registerFunction&#40;'createElement1',window&#41;; &#8230; <a href="http://www.xiaoqian.org/39.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/39.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【邪恶的IE6】overflow:hidden失效的解决方案</title>
		<link>http://www.xiaoqian.org/36.html</link>
		<comments>http://www.xiaoqian.org/36.html#comments</comments>
		<pubDate>Wed, 14 Mar 2012 06:44:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[BUG]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=36</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;今天在处理列表展开收起更多内容时，遇到overflow:hidden失效这个问题。在IE6/7下面元素没有隐藏。其他Chrome，Firefox主流浏览器没问题。好吧，又是该死的IE6。果断把解决方案记录下来，和coder们一起分享学习。 产生原因：当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。 解决方法：在父元素中使用position:relative;即可解决bug。]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/36.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>未知尺寸的图片水平垂直居中</title>
		<link>http://www.xiaoqian.org/34.html</link>
		<comments>http://www.xiaoqian.org/34.html#comments</comments>
		<pubDate>Thu, 08 Mar 2012 07:45:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=34</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;在项目中会经常需要把图片水平垂直居中于某个容器中，大家都知道水平居中很简单text-align:center就搞定，难的是垂直居中，因为还要考虑邪恶的IE6，所以兼容问题来了，需要用到hack。这里我找到了CSS相对简单的解决方案，小前做个记号，顺便分享给大家！ .box &#123; /*非IE的主流浏览器识别的垂直居中方法*/ display: table-cell; vertical-align: middle; &#160; /*设置水平居中*/ text-align: center; &#160; /* 针对IE的Hack */ *display: block; *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/ *font-family: Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ &#160; width: 200px; height: 200px; border: 1px solid #eee; &#125; .box img &#123; /*设置图片垂直居中*/ vertical-align: middle; &#125; &#8230; <a href="http://www.xiaoqian.org/34.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/34.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>互联网用户常见心理特征</title>
		<link>http://www.xiaoqian.org/31.html</link>
		<comments>http://www.xiaoqian.org/31.html#comments</comments>
		<pubDate>Fri, 02 Mar 2012 07:26:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[用户研究]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=31</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;本文是我在淘宝UED发现的一片文章，原文作者不知道是谁，觉得写得不错，受益匪浅。这篇文章写的是互联网用户的心理学特征，我觉得分析的很到位，感觉这些行为就是每天发生在自己身上一样。我想，这对设计师来说，了解这些用户行为背后的原因是非常重要的。故转发此文，与大家一同分享。 近半年持续关注了一些用户反馈和客服电话，从一些常见问题中总结出了八点互联网用户常见心理特征，在此共享，希望能共同努力提高用户体验。 1：惯性 用户：“你们的排序按钮为什么没有了？” 客服：“亲，我们把它放在右边了，这样更加的明显哦。” 用户：“你们很闲吗？没事弄这个按钮做什么！” 有一个故事，说的是将奶酪放在了迷宫的第三个格子，然后放一只老鼠进入迷宫，第一次的时候，老鼠先找第一个，再找第二个，最后在第三个格子中找到了，很高兴。第二次的时候，先找第一个，再找第二个，又再第三次的格子中找到了，很高兴。第三次的时候，老鼠直接去了第三个格子，找到奶酪。第四次，第五次，奶酪没有动。第六次的时候，奶酪被移入了第一个格子，老鼠看不到奶酪，于是生气，郁闷，焦躁，原地打转，却放弃了继续寻找。 人和老鼠一样，甚至比老鼠更加的具有惯性，更加的善于总结规律，更加的容易感觉生气和不爽。一旦他学会了用一个按钮，第二次一定会去原地按照原来的方法使用。如果位置或者方法和以前不一样，他会很不习惯，并且认为这是一个非常不爽的改变。所以如果产品经理要改变原有的规律一定要三思再三思，即使你知道你是在让原来的过程更加的美观，更加方便，更加的绚丽，也请考虑到原有老用户的习惯。在吸引新用户的同时如果让老用户少去学习是产品经理需要综合考虑的问题。 2：我就是全部 用户：“你们的平台真烂，我商品的显示全部错了。” 客服：“亲，别人的都是好的。是不是你设置错了？” 用户：“别人和我有什么关系，我的商品显示出来就是错的！” 看上去蛮不讲理，但是每个人都是自己世界的国王，他对他自己全部的负责，所以当我们很轻易的说少数人的时候，也应该去体会这少数人的全部世界，他和我们关心自己的kpi，关心自己的晋升一样关心着自己的小店铺，对我们来说的沧海一粟，对他们来说也许是他们最珍惜的珍珠。承认彼此的平等，也正是这些微不足道给出反馈的用户帮助淘宝一而再再而三用户体验的改进，他们是我们最优秀的不取工资还不断帮我们提交bug的用户测试工程师，对于如此无私的行为，我们是应该感谢了？还是感谢呢？还是感谢呢？ 3：第一印象很重要 用户：“你们应该提供一个**的功能。” 客服：“亲，我们有了。在**的链接上可以链接进去。” 用户：“我之前用过，一点都不好用。” 客服：“我们改进了，你再试试。” 用户（一段时间之后）：“我就说过不好用，你看看，还有***都不是我想要的。” 第一印象一旦形成，接下来所有的关注力都是为了证明自己的第一印象是正确的。所以，不要责怪你的用户不够宽容，不够拥抱变化，不能理解你持续的努力，是你在之前没有竭尽全力去给他一个好的体验，一个满意的结果。所有单身的同学注意了，别随便糟蹋自己的形象，很可能在某一个你没有准备好的时刻，你的Mr right就出现了，然后你需要很长很长得时间去重塑你的新形象。 4：相信熟人 用户：“我朋友说你们的这件商品很好，我也要一件。” 这是买一件东西最肯定的理由，经常在人多的地方听到一堆的女生在说这样的对话：“你的衣服很漂亮，在哪儿买的？”“在淘宝。”“快把链接发给我。”每次听到这样的言语都忍住不的微笑，因为成为这家有意义公司的一员而骄傲。感谢这些八卦的女生们，她们用言语证明了淘宝的价值，她们是淘宝最佳的代言人。 5：简单 用户：“能不能不要让我回答这么多问题，填这么多信息。我只是想买一件衣服。” 刚开始的时候我们曾经想做成最简单的产品，随着时间的发展，随着需求的深入，随着问题的展开，我们经常看到的是一个复杂不堪的产品。然后用户望而却步：“知道吗，我对你每一步的迈出和深入都需要勇气和热情。但是在得到真相之前，我不确定的我的这种付出是否值得。”所以，别让潜力用户在漫漫长途中放弃。是我们的重重关卡将他们拒之门外。 6：文字图片结合 用户：“能不能在文字上直接给张图片？看着直观漂亮。” 用户：“能不能在图片旁边写上文字，否则不知道是在卖什么，干什么。” 人的头脑分左脑右脑，右脑喜欢图片、直接感觉；左脑喜欢文字，思考。有人喜欢右脑思维，有人喜欢左脑思维，作为产品的设计者，不用纠结，不用分类，让用户的2块头脑都得到充分的享受和利用吧。图片文字合理完美的结合是对不同用户最好的尊重。 7：金钱安全 用户：“我把钱放在你们这儿安全吗？你确定吗？” 用户：“你确定我的退款能成功吗？我把货退还给他了，钱能拿回来吗？” 金钱永远是让人担心的东西，金钱的安全一定是用户的第一考虑，如果我们不能给他们金钱的安全感，我们就无法留住用户，比金钱更加重要的应该是用户的信任和信心，所以在金钱的安全和保障上付出任何的努力应该都值得。 8：搜索准确 用户：“你们的搜索真差，我找不到我想要得商品。” 客服：“能告诉我你想找什么吗？” 用户：“我就想要自己喜欢的东西。” 客服：“。。。”冷汗直冒中 &#8230; <a href="http://www.xiaoqian.org/31.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/31.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【邪恶的IE6】不支持position:fixed的解决方案</title>
		<link>http://www.xiaoqian.org/26.html</link>
		<comments>http://www.xiaoqian.org/26.html#comments</comments>
		<pubDate>Tue, 21 Feb 2012 08:46:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[BUG]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=26</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;擦！IE6，各种兼容，各种头疼！这个问题算是老问题了，一直没时间解决。在项目中，正常情况下在Firefox、Chrome里弹出层是垂直居中于窗口定位，并且随滚动条滚动且不晃动。可是，IE6那玩意就是不给力，完全无视，没效果！肿么办？还能肿么办，杀啊！于是在网上找，发现一种用CSS的expression方法，虽然这种方法会增加页面读取的计算次数，可是用它来修复IE6下固定定位随滚动条滚动且不晃动还是蛮有效的，也不会影响到其他CSS效果的使用，在代码兼容上不错。 //IE6下支持固定定位随滚动条滚动且不晃动的解决方案 &#60;style&#62; body &#123; _background-image: url&#40;about:blank&#41;; /*用浏览器空白页面作为背景*/ _background-attachment: fixed; /*IE6下固定定位随滚动条滚动且不晃动*/ &#125; #fixed &#123; position: fixed; top: 50%; /*其他浏览器下定位，在这里可设置坐标*/ _position: absolute; /*IE6 用absolute模拟fixed*/ _top: expression&#40;document.documentElement.scrollTop + Math.round&#40;document.documentElement.offsetHeight / 2&#41; + &#34;px&#34;&#41;;/* 居中固定 */ background:#f60; border: 1px solid #f00; width: 100px; &#8230; <a href="http://www.xiaoqian.org/26.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/26.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【邪恶的IE6】Select元素遮盖Div的BUG</title>
		<link>http://www.xiaoqian.org/24.html</link>
		<comments>http://www.xiaoqian.org/24.html#comments</comments>
		<pubDate>Wed, 15 Feb 2012 10:29:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[BUG]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=24</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;邪恶的IE6，我只想说一句：玛德，法克幼！哈，作为一名前端攻城湿，想必大家对IE6已经疾恶如仇了吧！今天在做项目的时候，遇到了这个问题在IE6下面Select元素遮盖DIV的BUG，于是就上网找解决方法，看了什么iframe包裹select，还有jQuery插件bgiframe的，感觉这两种方法对于我的情况不怎么适用，因为页面中有大量select元素，所以我最后决定用空iframe作为div的子元素覆盖select来解决。那么我们现在来看看代码： &#60;style&#62; #warp&#123;position:absolute;left:200px;top:100px;background:#000;z-index:1001;width:300px;height:200px;&#125; #warp .frame&#123;padding:0;margin:0;position:absolute;top:0px;left:0px;z-index:-1;width:300px;height:200px;&#125; &#60;/style&#62; &#160; &#60;div id=&#34;warp&#34;&#62; &#60;p&#62;Hello World&#60;/p&#62; &#60;!–&#91;if lte IE6&#93;&#62;&#60;iframe class=&#34;frame&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34;&#62;&#60;/iframe&#62;&#60;!&#91;endif&#93;–&#62; &#60;/div&#62; &#160; //【代码分析】就是用一个和div同样大小的iframe来盖住select。因为在IE中,select属于window类型控件，它会&#34;盖住&#34;所有非window类型控件，所以可以用iframe覆盖select，div覆盖iframe。当然这里不是最好的做法，最好就是用div模拟select，这样才完美。]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/24.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>初探HTML5新特性之桌面通知</title>
		<link>http://www.xiaoqian.org/21.html</link>
		<comments>http://www.xiaoqian.org/21.html#comments</comments>
		<pubDate>Sat, 04 Feb 2012 13:52:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=21</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;今天闲的无事，初探了下HTML5里面的桌面通知新特性，虽然HTML5里面有很多新特性，哈，不过小前唯独对这个新功能特别感兴趣。依据这种特性，我们可以做一些内容推送的东东，提高用户体验，方便用户获取最新内容。好吧，既然是学习，肯定要边学边做，小前写了一个demo，和大家一起学习学习。 &#60;!DOCTYPE html&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34; xml:lang=&#34;en&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html;charset=UTF-8&#34; /&#62; &#60;title&#62;显示桌面通知&#60;/title&#62; &#60;/head&#62; &#60;body&#62; &#60;button id=&#34;btn&#34;&#62;显示桌面通知&#60;/button&#62;（需要在Web服务器下运行，目前只有Webkit内核的浏览器支持） &#60;script type=&#34;text/javascript&#34;&#62; var btn = document.getElementById&#40;'btn'&#41;; btn.onclick = showDesktopNotice;//注意：必须触发事件才能显示桌面通知 &#160; //显示桌面通知 function showDesktopNotice&#40;&#41;&#123; var myNotifications = window.webkitNotifications; //判断浏览器是否支持webkitNotifications if&#40;myNotifications&#41;&#123; //判断是否获得了权限 if&#40;myNotifications.checkPermission&#40;&#41; == 0&#41;&#123; //实例化通知对象 &#8230; <a href="http://www.xiaoqian.org/21.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/21.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>神奇的Javascript，神奇的字符串比较</title>
		<link>http://www.xiaoqian.org/20.html</link>
		<comments>http://www.xiaoqian.org/20.html#comments</comments>
		<pubDate>Thu, 12 Jan 2012 08:39:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=20</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;今天无意当中碰到一个很诡异的问题，在Javasript中字符串数字的比较，按正常的来说不应该出现这种情况，因为我们一般在做数字之间的比较时，都会先做类型转换，转换后就没问题。不过既然有这种情况发生，我们今天就来分析分析，大家看下面的code： var a = '100' &#62; '2';//false var b = '3' &#62; '2';//true &#160; //很诡异吧！大家肯定在想，为什么？ //为什么 a = false, b = true ？ //哈，一开始我也是琢磨了半天，为什么呢？原来在Javasript中字符串这几种（&#60;、&#62;、&#60;=、&#62;=）运算符的比较都是字典序比较的。那什么是字典序呢？我查了一下，是一种排序算法。那字典序是如何排序的呢？它是一位一位的比较,从第一位开始,直接比较ASCII码,若不等就直接返回结果,若相等再比下一位,直到比较完毕。 //上面的例子我们可以分析下，我们先罗列出字符串ASCII码对应关系，这样一比一，按照字典序的规则就很容易明白了。 '100' = &#91;49,48,48&#93;; '2' = &#91;50&#93;; '3' = &#91;51&#93;; &#160; //var a = '100' &#62; &#8230; <a href="http://www.xiaoqian.org/20.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/20.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>2012，我想要的Style</title>
		<link>http://www.xiaoqian.org/11.html</link>
		<comments>http://www.xiaoqian.org/11.html#comments</comments>
		<pubDate>Fri, 06 Jan 2012 08:01:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Style]]></category>
		<category><![CDATA[极简]]></category>

		<guid isPermaLink="false">http://www.xiaoqian.org/?p=11</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;2012，新的一年，新的目标，今年，我最想要的就是一张简单的大桌子＋一台iMac＋一把舒服的椅子。不奢求太多，就这些，简单又舒服！这就是我喜欢的，我想要的Style！]]></description>
		<wfw:commentRss>http://www.xiaoqian.org/11.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

