<?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>AVENIR.ZHENG 郑焕义 &#187; JavaScript</title>
	<atom:link href="http://caib.me/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://caib.me</link>
	<description>从平凡到卓越</description>
	<lastBuildDate>Wed, 07 Sep 2011 18:47:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>{ Front-end } 改变世界的Web前端开发</title>
		<link>http://caib.me/front-end/</link>
		<comments>http://caib.me/front-end/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 18:45:56 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[960 Grid]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[CSS Frameworks]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[D2]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[JS library]]></category>
		<category><![CDATA[lifesinger]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[Sliverlight]]></category>

		<guid isPermaLink="false">http://blog.adriancheng.name/index.php/2009/01/20/front-end/</guid>
		<description><![CDATA[
      2008年，前端的关键词JS library(Jquery, Mootools)、CSS Frameworks、die of IE6、AIR、 Sliverlight、960 Grid等等。
      而2009年，CSS3和HTML5能否再现曙光，Mobile Web Development和浏览器的群雄角逐同样值得期待... ]]></description>
			<content:encoded><![CDATA[<p><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="front-end" src="http://cai13.info/blog_pic/2009/01/frontend1.jpg" border="0" alt="front-end" width="500" height="143" /></p>
<p>      2008年，前端的关键词JS library(Jquery, Mootools)、CSS Frameworks、die of IE6、AIR、 Sliverlight、960 Grid等等。</p>
<p>      而2009年，CSS3和HTML5能否再现曙光，Mobile Web Development和浏览器的群雄角逐同样值得期待。</p>
<p>      文章转载至<a href="http://lifesinger.org/blog/?p=956" target="_blank">lifesinger</a>。</p>
<p><span id="more-850"></span></p>
<p>      乔布斯说：“活着就是为了改变世界，难道还有其它原因吗？” 2008年，在Web前端开发界，无论国外还是国内，都发生了不少事情，有哪些是改变世界或即将改变世界的大事件呢？</p>
<h2>JavaScript游戏</h2>
<p>2      008年4月9日，Dion Almaer发现了一款非常经典的JavaScript游戏：Super Mario. 这款游戏由Jacob Seidelin开发，大小仅14k.<br />
<img title="mario" src="http://lifesinger.org/blog/wp-content/uploads/2009/01/mario.png" alt="mario" width="200" height="164" /><br />
(Super Mario JavaScript版本： <a href="http://jsmario.com.ar">http://jsmario.com.ar</a>/)</p>
<p>      不少Web开发者们大跌眼镜：这真的是用JavaScript开发出来的？答案是肯定的。这款游戏利用了Canvas元素（IE中用HTML模拟），图像存储在加密的字符串中，还用base64存储了MIDI背景音乐。除了这些技巧，其它代码就是我们熟悉的HTML、CSS和JavaScript.</p>
<p>      Super Mario JavaScript版本的横空出世（之前也出现过用JavaScript写的游戏，但没有像Super Mario一样引起大家的关注），激起了一股用JavaScript编写游戏的热潮：</p>
<p>      许多经典的游戏都有了JavaScript版本：Pac-Man（经典的吃豆子游戏）， Space Invaders（太空入侵者），Spacius（百玩不厌的雷电）等等。</p>
<p>      甚至还出现了一些比较复杂的角色扮演游戏：Andrew Wooldridge创造的Tombs of Asciiroth 和 CanvasQuest，Pierre Chassaing创造的ProtoRPG等。</p>
<p>      伴随JavaScript游戏的热潮，还出现了不少专门用于游戏开发的JavaScript库。最突出的是GameJS（基于Canvas的一个2D游戏开发库） 和 GameQuery（这是jQuery的一个插件）。</p>
<p>      除了用Canvas构建2D游戏，用JavaScript还可以构建3D游戏，还出现了非常出色的<a href="http://dev.jquery.com/~john/processing.js/">Processing.js</a>，以及<a href="http://www.jslab.dk/plottool.htm">JavaScript PlotTool</a>绘图工具等等。</p>
<p>      <em>感慨：</em>JavaScript游戏一段时间内将还只是开发者们的“玩物”，要真正转换为商业应用，可能还有一段漫长的路要走。但是，<strong>当Super Mario跳跃在Web网页上时，这昭示着JavaScript的时代已经到来了</strong>。JavaScript能做什么？2008年的答案是：JavaScript连游戏都能做！</p>
<h2>大放异彩的jQuery</h2>
<p>      2008年，无论对于jQuery的作者John Resig还是jQuery库本身来说，都是非常棒的一年。jQuery首页上有一行很明显的加粗文字：</p>
<blockquote><p>jQuery is designed to change the way that you write JavaScript.<br />
jQuery设计成可以改变你书写JavaScript的方式。</p></blockquote>
<p>      jQuery用数据和事实证明了它的魅力。一定程度上，甚至可以毫不夸张地说：jQuery改变了Web前端开发界。下面是用Google Trends统计的常用JavaScript库在2008年的搜索量曲线图：<br />
<img title="jslib_trend" src="http://lifesinger.org/blog/wp-content/uploads/2009/01/jslib_trend.png" alt="jslib_trend" width="550" height="291" /></p>
<p>      2008年9月份，jQuery团队战绩斐然：Microsoft和Nokia正式将jQuery集成进他们的应用程序开发平台。此外，Google的部分应用里，也早就采纳了jQuery. 从jQuery的首页上还可以看出，DELL, Bank of America, Digg, Technorati, Mozzila等站点都在使用jQuery.</p>
<p>      当然，除了jQuery，其它JavaScript在2008年也都有可圈可点的发展。YUI3的Preview版本，是我见过的最具有发展潜力的框架。ExtJS在国内的普及也非常迅猛，JavaEye社区里，ExtJS一定程度上成了Ajax的代名词，各种有关ExtJS的技术文章和书籍非常多（遗憾的是书籍的质量不高）。Prototype不温不火。Mootools则在低调中用其优雅的代码吸引了不少忠实用户。</p>
<p>      <em>感慨：</em>上面提到的每个JavaScript库都是非常优秀的，掌握任何一个，对于我们的日常工作来说，都绰绰有余了。只是对于2008年来说，jQuery的表现太突出了，连我这个天天工作用YUI的人，在2008年，都不得不为jQuery鼓掌，为John Resig喝彩！各种JavaScript库的争奇斗艳，这是JavaScript时代已经到来的另一个标志。</p>
<h2>蹒跚起步的网页工业化</h2>
<p>      2008年，如果你是一名Web前端开发工程师，却没有听说过“栅格”两个字，那你一定是工作太忙太专心了。2008年10月份，在淘宝UED博客，出现了一篇“<a href="http://lifesinger.org/blog/?p=375">960的秘密</a>”，揭开了网页栅格系统在国内的研究小热潮。<br />
<img title="grid" src="http://lifesinger.org/blog/wp-content/uploads/2009/01/grid.png" alt="grid" width="301" height="296" /></p>
<p>      伴随着栅格系统的争论，国内的前端技术博客里还出现不少对CSS框架和布局的探讨。这一切，所要解决的是以下两个问题：</p>
<ol>
<li><strong>网页的规范性</strong>。随着站点的成长，页面会以几何级数的速度增加。面对成千上万个网页，如何保持风格的一致性是一个不小的挑战。</li>
<li><strong>网页的工业化产出</strong>。在遵守规范和保证质量的基础上，如何让页面制作容易，如何让运营人员能批量制造页面，这是目前许多大型站点面临的另一个问题。</li>
</ol>
<p>      国内站点中，淘宝、百度有啊、网易等站点的已逐步采用栅格系统。淘宝的首页和频道目前已经全部栅格化，同时尝试性开发了TMS（模板管理系统）来解决网页的工业化产出问题。</p>
<p>      <em>感慨：</em>网页的高质量工业化产出，在国内很多公司才刚起步。2009年，我相信工业化将依旧是Web前端开发界的关键词。</p>
<h2>这些也很出色</h2>
<ol>
<li><strong>渐进增强</strong>。2008年10月份，Aaron Gustafson在ALA网站上发表了一系列有关渐进增强的文章，探讨的核心问题是：JavaScript应该做什么以及Web前端开发的技术流程。JavaScript游戏让我们看到了JavaScript的魔力，Aaron提醒我们不能滥用JavaScript，我们要仔细考虑JavaScript的使用场景。可用性，无侵入性，可访问性等等，这些理念是每一个前端开发工程师需要好好思考的。</li>
<li><strong>D2（前端技术论坛）</strong>。 2008年，在北京和上海分别举办了两届D2，这是国内前端开发工程师们的两场盛会。前端工程师，这个新生的职位逐步被国内各大公司接受。D2的意义在于，我们聚集在一起，发出了自己的声音！</li>
<li><strong>Google Chrome的诞生</strong>。 2008年，Chrome， JS V8引擎，Google迫使各大浏览器厂商开始比拼JavaScript引擎速度，这是JavaScript时代已经到来的另一个标志。Google和Mozzila的努力，在年末的时候带来鼓舞人心的统计结果：IE的使用率跌破70%. 万恶的IE6，早点灭亡吧。2009年，Google的号角和淘宝网即将掀起的 NO IE6 活动，将加速IE6的灭亡</li>
</ol>
<p>作者：<a href="http://lifesinger.org/blog/" target="_blank">lifesinger</a></p>
<p>原文：<a href="http://lifesinger.org/blog/?p=956">http://lifesinger.org/blog/?p=956</a></p>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/front-end/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>{ Plan } 近期计划</title>
		<link>http://caib.me/plan-2/</link>
		<comments>http://caib.me/plan-2/#comments</comments>
		<pubDate>Thu, 08 Jan 2009 17:45:51 +0000</pubDate>
		<dc:creator></dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[BEC]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Joe]]></category>
		<category><![CDATA[JQuery基础教程]]></category>
		<category><![CDATA[plan]]></category>
		<category><![CDATA[ubutun]]></category>
		<category><![CDATA[web信息架构]]></category>
		<category><![CDATA[yimi2]]></category>
		<category><![CDATA[即时贴]]></category>
		<category><![CDATA[工作室]]></category>
		<category><![CDATA[无忧简历]]></category>
		<category><![CDATA[时间管理]]></category>
		<category><![CDATA[深入浅出JavaScript]]></category>
		<category><![CDATA[网站改版]]></category>

		<guid isPermaLink="false">http://blog.adriancheng.name/index.php/2009/01/09/plan-%e8%bf%91%e6%9c%9f%e8%ae%a1%e5%88%92/</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160; 不知道什么时候开始，习惯了在桌面贴即时贴做时间管理，后来，慢慢觉得太浪费，不环保，于是改用电子版的即时贴在电脑桌面做记录。
&#160;&#160;&#160;&#160;&#160; 而想法总... ]]></description>
			<content:encoded><![CDATA[<p><img title="plan" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="143" alt="plan" src="http://cai13.info/blog_pic/2009/01/plan.jpg" width="500" border="0" />&#160;&#160;&#160;&#160; 不知道什么时候开始，习惯了在桌面贴即时贴做时间管理，后来，慢慢觉得太浪费，不环保，于是改用电子版的即时贴在电脑桌面做记录。</p>
<p>&#160;&#160;&#160;&#160;&#160; 而想法总是很多，先做这个，然后那个，只是每次都为自己找借口推搪，想法即成了白日梦，桌面的列表也越积越长。</p>
<p> <span id="more-844"></span>
<p>&#160;</p>
<h2>1.网站改版</h2>
<p>&#160;&#160;&#160;&#160;&#160; 新注册了yimi2.com域名，新网站将替代现在的博客，记录生活、分享心情，属于yimi和2的私有地。</p>
<p>&#160;&#160;&#160;&#160;&#160; Deadline：寒假结束前</p>
<p>&#160;&#160;&#160;&#160; </p>
<h2>2.网站工作室</h2>
<p>&#160;&#160;&#160;&#160;&#160; 准备与<a href="http://xiebiji.com/">小Joe</a>同学共同创建网站工作室，以作品展示、技术交流为主，承接各类网站项目，关于我们的作品、技术文档及履历将转移于此，欢迎同好者加入。</p>
<p>&#160;&#160;&#160;&#160;&#160; Deadline：寒假结束前</p>
<p>&#160;</p>
<h2>3.JS菜鸟起飞之旅</h2>
<p>&#160;&#160;&#160;&#160;&#160; 作为一名前端，不懂JS真是不能接受，好吧，我是真得不会JS。一直关注目前的前端职能架构，像腾讯般，单独设网页重构组毕竟还是很少数，而主流“前端开发工程师”的职责不仅包括了网站重构工作者（俗称页面仔、Htmler、切图仔等等）所需的工作，当然还有这神圣的JavaScript。</p>
<p>&#160;&#160;&#160;&#160;&#160; Deadline：寒假结束前《深入浅出JavaScript》、《JQuery基础教程》。</p>
<p>&#160;</p>
<h2>4.疯狂英语</h2>
<p>&#160;&#160;&#160;&#160;&#160; 欠下的债总是要还的，这学期没考BEC，下学期还是逃不掉。根据目前形势预估计，同学中十有八九都会选择BEC和托业，但愿不要再搞个更高级的等级概念，已经够呛了。</p>
<p>&#160;&#160;&#160;&#160;&#160; Deadline：贯穿日常生活</p>
<p>&#160;</p>
<h2>5.琐事</h2>
<p>&#160;&#160;&#160;&#160;&#160; a.签名设计 b.剪头发 c.重装585-wm5&#160; d.继续搞搞ubutun&#160;&#160; e.采购冬装外套&#160; f.《web信息架构》 g.优化“无忧简历”网站&#160; h.上传作品-蓝色理想&#160; </p>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/plan-2/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

