<?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>我才12岁</title>
	<atom:link href="http://www.12sui.cn/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.12sui.cn</link>
	<description>南芝的前端技术学习经验</description>
	<lastBuildDate>Tue, 02 Mar 2010 00:42:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>input,textarea的border-radius</title>
		<link>http://www.12sui.cn/css/input-textarea-border-radius/</link>
		<comments>http://www.12sui.cn/css/input-textarea-border-radius/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 00:42:39 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Opera]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=886</guid>
		<description><![CDATA[昨晚在玩博客的东西发现的一个问题，就是 Opera 10.5 默认的设置不了 input 和 textarea 的圆角：

input[type="text"], textarea { border-radius:5px;}

如上，如果我这么写，在 Opera 下是没有圆角效果的，而在 Chrome 下是有的，顺便测试了下 Firefox 和 Safari：

input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/}

默认情况下，Opera 和 Firefox 不会现出圆角效果，而 Chrome 和 Safari 可以，在 Opera 和 Firefox 下要想显示出圆角效果必须设置其 border-style(不能为 none)：

input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/ border-style:solid;}

或者直接设置其 width、style、color：

input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/ border:1px solid #ccc;}

]]></description>
			<content:encoded><![CDATA[<p>昨晚在玩博客的东西发现的一个问题，就是 Opera 10.5 默认的设置不了 input 和 textarea 的圆角：</p>
<pre>
input[type="text"], textarea { border-radius:5px;}
</pre>
<p>如上，如果我这么写，在 Opera 下是没有圆角效果的，而在 Chrome 下是有的，顺便测试了下 Firefox 和 Safari：</p>
<pre>
input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/}
</pre>
<p>默认情况下，Opera 和 Firefox 不会现出圆角效果，而 Chrome 和 Safari 可以，在 Opera 和 Firefox 下要想显示出圆角效果必须设置其 <strong>border-style</strong>(不能为 none)：</p>
<pre>
input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/ border-style:solid;}
</pre>
<p>或者直接设置其 width、style、color：</p>
<pre>
input[type="text"], textarea { border-radius:5px;/*Opera,Chrome*/ -moz-border-radius:5px;/*Firefox*/ -webkit-border-radius:5px;/*Safari*/ border:1px solid #ccc;}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/css/input-textarea-border-radius/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>大兵小将</title>
		<link>http://www.12sui.cn/movie/little-big-soldier/</link>
		<comments>http://www.12sui.cn/movie/little-big-soldier/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 13:43:13 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[看电影]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=867</guid>
		<description><![CDATA[这片子很好看哈，非常的搞笑，同样是一部反映战争残酷的电影，《麦田》虽然很唯美，但是非常的凄凉，虽然没有什么战争的镜头，但是非常的让人毛骨悚然。而大兵小将相对来说非常的轻快，但是也同样描写了战争的残酷，就像《南京！南京！》和《拉贝日记》完全不一样的风格，也没法说哪个好哪个坏哈~反正大家活着就好~
我忍不住的夸一下，林鹏好漂亮~貌似我是一名极优秀的欣赏者，永远只能看到好的一面哈~
推荐一下，豆瓣四星。
]]></description>
			<content:encoded><![CDATA[<p>这片子很好看哈，非常的搞笑，同样是一部反映战争残酷的电影，《麦田》虽然很唯美，但是非常的凄凉，虽然没有什么战争的镜头，但是非常的让人毛骨悚然。而大兵小将相对来说非常的轻快，但是也同样描写了战争的残酷，就像《南京！南京！》和《拉贝日记》完全不一样的风格，也没法说哪个好哪个坏哈~反正大家活着就好~</p>
<p>我忍不住的夸一下，林鹏好漂亮~貌似我是一名极优秀的欣赏者，永远只能看到好的一面哈~</p>
<p>推荐一下，豆瓣四星。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/movie/little-big-soldier/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2009我最喜欢的5部电影</title>
		<link>http://www.12sui.cn/movie/top-5-movie-2009/</link>
		<comments>http://www.12sui.cn/movie/top-5-movie-2009/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 12:30:44 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[看电影]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=859</guid>
		<description><![CDATA[2009年大概去电影院看了三四十部电影，虽然烂片居多，但是也有很不错的片子：
No.1 《十月围城》
这部片子当之无愧是去年看到的最好的片子了，影片中每个人的表演都很到位，而且电影的细节、场景都处理的相当的好。
最佳男演员：王学圻，最佳女演员：范冰冰。
No.2 《风声》
风声也是一部相当不错的片子，但是，有点阴森森的，说实话，看完一篇我不想再看第二遍了，太惨不忍睹了，但不影响它成为我心目中的好片。
最佳男演员：苏有朋，最佳女演员：周迅。
No.3 《高考1977》
这片子拍的很朴实，很感人，现在能触动人心的片子越来越少了，同样去年感动的片子还有《车票》、《斗牛》、《熊猫回家路》等等。。。
最佳男演员：王学兵，最佳女演员：孙海英。
No.4 《秋喜》
秋喜同样是一部很好的电影，但是跟《风声》、《建国大业》处于同一档期，关注的人不是很多，而且这么俗的名字让很多人都不屑。这部片子相当的不错，影片里的人物并不多，但是紧凑、扣人心弦的剧情还是牢牢的抓住了我的心。
最佳男演员：孙淳，最佳女演员：江一燕。
No.5 《窃听风云》
男人的戏，很好，表演很到位，情节也不错，触及了人性的弱点，值得每一个人去思考的影片。
最佳男演员：古天乐，最佳女演员：张静初。
觉得还比较不错的影片有《赤壁下》、《麦田》、《南京南京》、《疯狂的赛车》、《贫民窟的百万富翁》等等。。。09年还是看了不少的外国片，10年尽力再压缩，除了动画片不看外国片，oh ye~奉上部分去年的电影票，丢了很多，还有很多在另一人手里。。。

]]></description>
			<content:encoded><![CDATA[<p>2009年大概去电影院看了三四十部电影，虽然烂片居多，但是也有很不错的片子：</p>
<p><strong>No.1</strong> 《十月围城》</p>
<p>这部片子当之无愧是去年看到的最好的片子了，影片中每个人的表演都很到位，而且电影的细节、场景都处理的相当的好。</p>
<p>最佳男演员：王学圻，最佳女演员：范冰冰。</p>
<p><strong>No.2</strong> 《风声》</p>
<p>风声也是一部相当不错的片子，但是，有点阴森森的，说实话，看完一篇我不想再看第二遍了，太惨不忍睹了，但不影响它成为我心目中的好片。</p>
<p>最佳男演员：苏有朋，最佳女演员：周迅。</p>
<p><strong>No.3</strong> 《高考1977》</p>
<p>这片子拍的很朴实，很感人，现在能触动人心的片子越来越少了，同样去年感动的片子还有《车票》、《斗牛》、《熊猫回家路》等等。。。</p>
<p>最佳男演员：王学兵，最佳女演员：孙海英。</p>
<p><strong>No.4</strong> 《秋喜》</p>
<p>秋喜同样是一部很好的电影，但是跟《风声》、《建国大业》处于同一档期，关注的人不是很多，而且这么俗的名字让很多人都不屑。这部片子相当的不错，影片里的人物并不多，但是紧凑、扣人心弦的剧情还是牢牢的抓住了我的心。</p>
<p>最佳男演员：孙淳，最佳女演员：江一燕。</p>
<p><strong>No.5</strong> 《窃听风云》</p>
<p>男人的戏，很好，表演很到位，情节也不错，触及了人性的弱点，值得每一个人去思考的影片。</p>
<p>最佳男演员：古天乐，最佳女演员：张静初。</p>
<p>觉得还比较不错的影片有《赤壁下》、《麦田》、《南京南京》、《疯狂的赛车》、《贫民窟的百万富翁》等等。。。09年还是看了不少的外国片，10年尽力再压缩，除了动画片不看外国片，oh ye~奉上部分去年的电影票，丢了很多，还有很多在另一人手里。。。</p>
<p><a href="http://www.12sui.cn/wp-content/uploads/2010/02/20.png"><img src="http://www.12sui.cn/wp-content/uploads/2010/02/20.png" alt="20" title="20" width="553" height="708" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/movie/top-5-movie-2009/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>《大秦帝国》-阳谋春秋（上卷）</title>
		<link>http://www.12sui.cn/book/daqin-7/</link>
		<comments>http://www.12sui.cn/book/daqin-7/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 14:11:12 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[读书]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=856</guid>
		<description><![CDATA[这一卷主要讲的是吕不韦。
相信很多人对吕不韦都有所耳闻，他太有名了，所有的电视剧啊、电影啊，都基本上把他当秦始皇他爹，至于到底是不是，谁也不知道。。。
啊，不知道写什么哈，对吕不韦这个人还是非常的佩服的，义商。
这是用Opera 10.5 Beta 版发的第一篇博客，发现这个后台好多地方都是圆角。。。看来wp偷偷的用了。。。不错，顶~
]]></description>
			<content:encoded><![CDATA[<p>这一卷主要讲的是吕不韦。</p>
<p>相信很多人对吕不韦都有所耳闻，他太有名了，所有的电视剧啊、电影啊，都基本上把他当秦始皇他爹，至于到底是不是，谁也不知道。。。</p>
<p>啊，不知道写什么哈，对吕不韦这个人还是非常的佩服的，义商。</p>
<p>这是用Opera 10.5 Beta 版发的第一篇博客，发现这个后台好多地方都是圆角。。。看来wp偷偷的用了。。。不错，顶~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/book/daqin-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>辞旧迎新</title>
		<link>http://www.12sui.cn/intimist/goodbye-old-and-welcome-new-2010/</link>
		<comments>http://www.12sui.cn/intimist/goodbye-old-and-welcome-new-2010/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 14:25:06 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[我的生活]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=854</guid>
		<description><![CDATA[我在睡梦中迎来了本命年&#8212;-牛年，同样我也要在睡梦中告别牛年。无论何时，都要早睡、早起，睡觉啦。
辞旧，迎新。
]]></description>
			<content:encoded><![CDATA[<p>我在睡梦中迎来了本命年&#8212;-牛年，同样我也要在睡梦中告别牛年。无论何时，都要早睡、早起，睡觉啦。</p>
<p>辞旧，迎新。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/intimist/goodbye-old-and-welcome-new-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>苏乞儿</title>
		<link>http://www.12sui.cn/movie/true-legend/</link>
		<comments>http://www.12sui.cn/movie/true-legend/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 13:47:23 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[看电影]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=852</guid>
		<description><![CDATA[这一部跟以前的那一部一点都不一样。。。
首先，出场的那个贝勒爷太搞笑了，旁边一小姑娘张口就说他是个痞子。。。的确是，他就是来搞笑的，哈哈~
然后，这个片看得让人太没头绪了，人来人往的，毫不知来历，云里雾里的，跳的太快了。
其次，从头到尾一直打，我靠，烦不烦呀，虽然哥喜欢看打戏，那你也不能无休止的打呀。
最后，拜托周杰伦以后表出来了，说实话你还不如吴尊呢。
]]></description>
			<content:encoded><![CDATA[<p>这一部跟以前的那一部一点都不一样。。。</p>
<p>首先，出场的那个贝勒爷太搞笑了，旁边一小姑娘张口就说他是个痞子。。。的确是，他就是来搞笑的，哈哈~</p>
<p>然后，这个片看得让人太没头绪了，人来人往的，毫不知来历，云里雾里的，跳的太快了。</p>
<p>其次，从头到尾一直打，我靠，烦不烦呀，虽然哥喜欢看打戏，那你也不能无休止的打呀。</p>
<p>最后，拜托周杰伦以后表出来了，说实话你还不如吴尊呢。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/movie/true-legend/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>锦衣卫</title>
		<link>http://www.12sui.cn/movie/14-blades/</link>
		<comments>http://www.12sui.cn/movie/14-blades/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 14:12:45 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[看电影]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=843</guid>
		<description><![CDATA[这部片比《孔子》好看。
故事很简单，庆王谋反，嫁祸青龙，青龙被追杀，然后青龙复仇，最终杀了脱脱，夺回了玉玺，而庆王也被那啥啦。
此剧有两个亮点：人物
亮点一：脱脱。一开始，我很不理解这个女的为什么起了这么一个名字，看到最后，我终于明白了，原来她的绝招就是脱衣服，可惜啊，到最后没脱完。。。
亮点二：吴尊。这丫绝对是来打酱油的，一出场便引起无数少女的尖叫。。。每次出场必有“天鹰帮杀到”那一口港台腔随之而来，太强了，可惜啊，最后被脱脱脱死了。。。我觉得该改叫天杀帮。。。
貌似从《花木兰》开始，赵薇就成了最后读台词的了。。。
总体来说，还是很不错，很雷，很搞笑，也很过瘾~
]]></description>
			<content:encoded><![CDATA[<p>这部片比《孔子》好看。</p>
<p>故事很简单，庆王谋反，嫁祸青龙，青龙被追杀，然后青龙复仇，最终杀了脱脱，夺回了玉玺，而庆王也被那啥啦。</p>
<p>此剧有两个亮点：人物</p>
<p><strong>亮点一：</strong>脱脱。一开始，我很不理解这个女的为什么起了这么一个名字，看到最后，我终于明白了，原来她的绝招就是脱衣服，可惜啊，到最后没脱完。。。</p>
<p><strong>亮点二：</strong>吴尊。这丫绝对是来打酱油的，一出场便引起无数少女的尖叫。。。每次出场必有“天鹰帮杀到”那一口港台腔随之而来，太强了，可惜啊，最后被脱脱脱死了。。。我觉得该改叫天杀帮。。。</p>
<p>貌似从《花木兰》开始，赵薇就成了最后读台词的了。。。</p>
<p>总体来说，还是很不错，很雷，很搞笑，也很过瘾~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/movie/14-blades/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>YUI Doc 中文注释解决方法</title>
		<link>http://www.12sui.cn/yui/yui-doc-chinese-note-bug-fix/</link>
		<comments>http://www.12sui.cn/yui/yui-doc-chinese-note-bug-fix/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 02:58:23 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[YUI]]></category>
		<category><![CDATA[YUIDoc]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=834</guid>
		<description><![CDATA[还没安装 YUI Doc 的请看下秦歌的这篇文章：http://dancewithnet.com/2008/12/30/why-start-yui-doc/
这里主要是说中文注释的问题，秦歌文章下边的中文注释问题的解决方法，第3、4步都可以省略了，目前版本的YUI Doc可以正确生成文档的，但要求是文件为utf-8文件。大家正常编码的时候通常都不习惯文件为utf-8的，所以，这个是相当繁琐的，解决的办法就是在copy文件的时候，将copy的文件转换为utf-8文件，这样子不会影响原来的文件，还能正确生成文档。
修改方法：
打开yuidoc/bin/下的yuidoc_parse.py文件，找到第43行：
fileStr=StringIO(f.read()).getvalue()
将其修改为：
fileStr=StringIO(f.read()).getvalue().decode("GBK").encode("UTF8")
OK，这样子就解决了问题~
]]></description>
			<content:encoded><![CDATA[<p>还没安装 YUI Doc 的请看下<a href="http://dancewithnet.com/">秦歌</a>的这篇文章：<a href="http://dancewithnet.com/2008/12/30/why-start-yui-doc/">http://dancewithnet.com/2008/12/30/why-start-yui-doc/</a></p>
<p>这里主要是说中文注释的问题，秦歌文章下边的中文注释问题的解决方法，第3、4步都可以省略了，目前版本的<a href="http://yuilibrary.com/downloads/yuidoc/yuidoc_1.0.0b1.zip">YUI Doc</a>可以正确生成文档的，但要求是文件为utf-8文件。大家正常编码的时候通常都不习惯文件为utf-8的，所以，这个是相当繁琐的，解决的办法就是在copy文件的时候，将copy的文件转换为utf-8文件，这样子不会影响原来的文件，还能正确生成文档。</p>
<p><strong>修改方法：</strong></p>
<p>打开yuidoc/bin/下的yuidoc_parse.py文件，找到第43行：</p>
<pre>fileStr=StringIO(f.read()).getvalue()</pre>
<p>将其修改为：</p>
<pre>fileStr=StringIO(f.read()).getvalue().decode("GBK").encode("UTF8")</pre>
<p>OK，这样子就解决了问题~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/yui/yui-doc-chinese-note-bug-fix/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>开放、分享</title>
		<link>http://www.12sui.cn/standard/sh-w3ctech-1/</link>
		<comments>http://www.12sui.cn/standard/sh-w3ctech-1/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 14:15:53 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[标准化]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=815</guid>
		<description><![CDATA[昨天去上海参加了上海的第一次Web标准化交流会，非常感谢携程网的招待、好吃的晚餐以及飞猪姐姐24小时的全程陪伴，并请我吃了上海最好吃的东西。。。^_^
可能是第一次聚会，大家都比较生，虽然去了很多人，但是发言的只有我、hax以及其他很少几个人，相信大家去都是想学到一些什么，想分享一些什么，想获得一些什么，可是很多人都不发言。还是非常希望看到每一个人去发言的，像我。。。最开始的时候，什么都不敢说，什么都不敢做，到现在不管是上台还是在下面，都不怎么怕了，话比谁都多。。。什么事大家都应该去尝试，不走出第一步永远改变不了，永远战胜不了自己。
希望每一个前端开发人员都有一种开放的心态以及分享的精神，希望这个交流会在上海会越办越好~Come on!
]]></description>
			<content:encoded><![CDATA[<p>昨天去上海参加了上海的第一次Web标准化交流会，非常感谢<a href="http://ued.ctrip.com">携程网</a>的招待、好吃的晚餐以及<a href="http://www.feizhu123.cn/">飞猪姐姐</a>24小时的全程陪伴，并请我吃了上海最好吃的东西。。。^_^</p>
<p>可能是第一次聚会，大家都比较生，虽然去了很多人，但是发言的只有我、<a href="http://hax.javaeye.com/">hax</a>以及其他很少几个人，相信大家去都是想学到一些什么，想分享一些什么，想获得一些什么，可是很多人都不发言。还是非常希望看到每一个人去发言的，像我。。。最开始的时候，什么都不敢说，什么都不敢做，到现在不管是上台还是在下面，都不怎么怕了，话比谁都多。。。什么事大家都应该去尝试，不走出第一步永远改变不了，永远战胜不了自己。</p>
<p>希望每一个前端开发人员都有一种开放的心态以及分享的精神，希望这个交流会在上海会越办越好~Come on!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/standard/sh-w3ctech-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>new Date()</title>
		<link>http://www.12sui.cn/javascript/new-date-2/</link>
		<comments>http://www.12sui.cn/javascript/new-date-2/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 12:56:13 +0000</pubDate>
		<dc:creator>南芝</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Date()]]></category>

		<guid isPermaLink="false">http://www.12sui.cn/?p=773</guid>
		<description><![CDATA[昨天在调试bug的时候遇到一个问题，先看下代码：

&#60;script&#62;
var str = '2010-01-20';
alert(new Date(str.split('-').join(',')));
&#60;/script&#62;

大家觉得这个会弹出来什么时间呢？2010年1月20日 or 2009年12月20日？。。。答案是丰富多彩的，看下在各浏览器下的情况：


Firefox、Chrome 输出了2010年1月20日，Opera 输出了 2010年1月1日，Safari 提示非法时间，IE 输出了 NaN，这是为什么呢？
查阅权威指南ing&#8230;.
new Date()可以有三种类型的参数，一是数字（milliseconds），表示毫秒，一是字符串（datestring），其格式是Date.parse()接受的格式，一是年月日&#8230;.（year,month,day,hours,minutes,seconds,ms），我这里显然用的是第二种字符串了，ie 输出 NaN 表示ie其实并不支持这第二种参数形式，大家不妨自测一下，其它浏览器有正确输出的也有提示格式不对的等等，那么原因肯定在于各浏览器所能接受的格式有所不同，让我们进一步进行测试，测试结果如下。
其实我那么些的目的是为了使用第三种形式的参数：2010,1,20，结果。。。被我忽略的是其实我传进去的是一个字符串。。。也就是使用了第二种参数形式。。。杯具呀。。。
各浏览器支持的字符串的时间分隔符表：



分隔符
IE
Opera
Firefox
Chrome
Safari




/
√
√
√
√
√


-
√
√
×
√
×


,
×
×
√
√
×


#
×
×
×
√
×


*
×
×
×
√
×


$
×
×
×
√
×


!
×
×
×
√
×


@
×
×
×
√
×


%
×
×
×
√
×


.
×
×
×
√
×


?
×
×
×
√
×


&#8216;
×
×
×
√
×


&#8220;
×
×
×
√
×


^
×
×
×
×
×


~
×
×
×
×
×


(,),[,],{,}
×
×
×
×
×


+
×
×
×
×
×


:
×
×
×
×
×


\
×
×
×
×
×


&#124;
×
×
×
×
×



感叹一下，Chrome 好变态，基本上所有符号都支持了。。。或许有一天我们可以用它来区分各浏览器哈。。。另外结果页证明了我前边的推断ie不支持第二种形式的参数时错误的，ie支持 / 这个分隔符的，另外也支持 &#8220;Aug 9, 1995&#8243; 之类的标准格式。
这个 bug 解决的方法其实很简单，就是采用第三种参数形式或者使用 &#8216;/&#8217; 来分隔：

&#60;script&#62;
var arr = '2010-01-20'.split('-');
alert(new Date(arr[0],arr[1]-1,arr[2]));

//or
var arr2 = '2010-01-20'.split('-');
alert(new Date(arr2.join('/'));
&#60;/script&#62;

看Firefox的 change log，应该是3.6开始支持 &#8211; 的，但是我这里测试没通过？记得在公司测试的时候是通过的呀。。。大家帮我测试一下吧。。。
另外，在看权威指南的时候，又看到一句：
Date()还可以作为普通函数被调用，而不带有运算符new。以这种方式调用时，Date()将忽略传递给它的所有参数，返回当前日期和事件的字符串标识。
^_^可以省几个字符了&#8230;
写了一个简单的脚本测试浏览器的支持情况，大家可以试下哈：http://www.12sui.cn/test/new-date-test.html
注：这里测试的仅是连接符类型的，其它的诸如&#8221;Aug 9, 1995&#8243;这种形式的没有做测试。测试浏览器为：IE6、IE7、IE8、Opera 10.10(Build 1893)、Firefox 3.6、Chrome 4.0.302.2、Safari 4.0.3(531.9.1)。
参考资料：

JavaScript权威指南第五版
Mozilla


]]></description>
			<content:encoded><![CDATA[<p>昨天在调试bug的时候遇到一个问题，先看下代码：</p>
<pre>
&lt;script&gt;
var str = '2010-01-20';
alert(new Date(str.split('-').join(',')));
&lt;/script&gt;
</pre>
<p>大家觉得这个会弹出来什么时间呢？2010年1月20日 or 2009年12月20日？。。。答案是丰富多彩的，看下在各浏览器下的情况：</p>
<p><a href="http://www.12sui.cn/wp-content/uploads/2010/01/new-date.png"><img src="http://www.12sui.cn/wp-content/uploads/2010/01/new-date-463x1024.png" alt="new date" title="new date" width="463" height="1024" /></a></p>
<p><span id="more-773"></span></p>
<p>Firefox、Chrome 输出了2010年1月20日，Opera 输出了 2010年1月1日，Safari 提示非法时间，IE 输出了 NaN，这是为什么呢？</p>
<p>查阅权威指南ing&#8230;.</p>
<p>new Date()可以有三种类型的参数，一是数字（milliseconds），表示毫秒，一是字符串（datestring），其格式是Date.parse()接受的格式，一是年月日&#8230;.（year,month,day,hours,minutes,seconds,ms），我这里显然用的是第二种字符串了，ie 输出 NaN 表示ie其实并不支持这第二种参数形式，大家不妨自测一下，其它浏览器有正确输出的也有提示格式不对的等等，那么原因肯定在于各浏览器所能接受的格式有所不同，让我们进一步进行测试，测试结果如下。</p>
<p style="color:red">其实我那么些的目的是为了使用第三种形式的参数：2010,1,20，结果。。。被我忽略的是其实我传进去的是一个字符串。。。也就是使用了第二种参数形式。。。杯具呀。。。</p>
<p><strong>各浏览器支持的字符串的时间分隔符表：</strong></p>
<table class="compatibility-table">
<thead>
<tr>
<th>分隔符</th>
<th>IE</th>
<th>Opera</th>
<th>Firefox</th>
<th>Chrome</th>
<th>Safari</th>
</tr>
</thead>
<tbody>
<tr>
<td>/</td>
<td class="ok">√</td>
<td class="ok">√</td>
<td class="ok">√</td>
<td class="ok">√</td>
<td class="ok">√</td>
</tr>
<tr>
<td>-</td>
<td class="ok">√</td>
<td class="ok">√</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>,</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>#</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>*</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>$</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>!</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>@</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>%</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>.</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>?</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>&#8216;</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>&#8220;</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="ok">√</td>
<td class="no">×</td>
</tr>
<tr>
<td>^</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
<tr>
<td>~</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
<tr>
<td>(,),[,],{,}</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
<tr>
<td>+</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
<tr>
<td>:</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
<tr>
<td>\</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
<tr>
<td>|</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
<td class="no">×</td>
</tr>
</tbody>
</table>
<p>感叹一下，Chrome 好变态，基本上所有符号都支持了。。。或许有一天我们可以用它来区分各浏览器哈。。。<span style="color:red;font-weight:600">另外结果页证明了我前边的推断ie不支持第二种形式的参数时错误的，ie支持 / 这个分隔符的，另外也支持 &#8220;Aug 9, 1995&#8243; 之类的标准格式。</span></p>
<p>这个 bug 解决的方法其实很简单，就是采用第三种参数形式或者使用 &#8216;/&#8217; 来分隔：</p>
<pre>
&lt;script&gt;
var arr = '2010-01-20'.split('-');
alert(new Date(arr[0],arr[1]-1,arr[2]));

//or
var arr2 = '2010-01-20'.split('-');
alert(new Date(arr2.join('/'));
&lt;/script&gt;
</pre>
<p>看Firefox的 change log，应该是3.6开始支持 &#8211; 的，但是我这里测试没通过？记得在公司测试的时候是通过的呀。。。大家帮我测试一下吧。。。</p>
<p><strong>另外，在看权威指南的时候，又看到一句：</strong></p>
<p><q cite="《权威指南第五版》">Date()还可以作为普通函数被调用，而不带有运算符new。以这种方式调用时，Date()将忽略传递给它的所有参数，返回当前日期和事件的字符串标识。</q></p>
<p>^_^可以省几个字符了&#8230;</p>
<p>写了一个简单的脚本测试浏览器的支持情况，大家可以试下哈：<a href="http://www.12sui.cn/test/new-date-test.html">http://www.12sui.cn/test/new-date-test.html</a></p>
<p style="color:red">注：这里测试的仅是连接符类型的，其它的诸如&#8221;Aug 9, 1995&#8243;这种形式的没有做测试。测试浏览器为：IE6、IE7、IE8、Opera 10.10(Build 1893)、Firefox 3.6、Chrome 4.0.302.2、Safari 4.0.3(531.9.1)。</p>
<p><strong>参考资料：</strong></p>
<ul>
<li>JavaScript权威指南第五版</li>
<li><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Date/parse">Mozilla</a>
<li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.12sui.cn/javascript/new-date-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
