<?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>笨活儿 &#187; DOM</title> <atom:link href="http://blog.benhuoer.com/tag/dom/feed" rel="self" type="application/rss+xml" /><link>http://blog.benhuoer.com</link> <description>请用力生活</description> <lastBuildDate>Mon, 02 Jan 2012 16:05:26 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>[译]JavaScript基础入门</title><link>http://blog.benhuoer.com/posts/mootool_js_intro.html</link> <comments>http://blog.benhuoer.com/posts/mootool_js_intro.html#comments</comments> <pubDate>Sun, 18 Nov 2007 05:23:33 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[前端开发]]></category> <category><![CDATA[A List Apart]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[DOM]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[XHTML]]></category> <category><![CDATA[教程]]></category> <guid
isPermaLink="false">http://jellyyoung.cn/articles/538077.html</guid> <description><![CDATA[本文是JavaScript库Mootools的入门性介绍文章，详细介绍了在网上能找到的比较好的学习HTML,CSS,JavaScript入门知识的资源以及随手参考的地方。文中介绍的从零入手学习JavaScript编程的过程很有参考价值。 [译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然，但是重要的是文章作者提供的学习思路。具体的参考内容你可以去Google相应知识的中文版。] 翻译不当的地方还请留言指正！ 帮帮我！我不懂JavaScript [Help! I Don't Know JavaScript!] June 5th, 2007, 作者 Michelle 为了帮助所有对Mootool有兴趣却碰上很多麻烦的人，我整理了这些能够教给你开始从事客户端应用开发所需的所有知识的网上资源。 职业必备工具 这些是从事Web开发的前提条件。 Firefox: 从事开发工作一定少不了Firefox。但你还需要在你的电脑（以及其他测试计算机）上安装好你打算兼容的所有浏览器，以方便进行跨浏览器支持测试。 必不可少的扩展 Firebug: 有史以来最优秀的插件。Firebug让面对一大堆代码抓狂的你清楚地了解处理你的页面时浏览器内部都发生了些什么。 Web Developer Toolbar: 赋予你全面掌控站点的伟大力量。禁用JavaScript，查看网页不带CSS时的样子，禁用访问来源，启用严格警告，以及更多。所有你能想到的Web Developer Toolbar都能给予。 学习基础知识 别因为不懂HTML就在学习Web开发的道路上止步! How to Create 这地方非常棒，不仅详细介绍各种麻烦的细节，而且对语义化和实践优化方面的课题也有所涉及。 总的来说，是非常不错的人性化设计的基础知识概览。 HTML CSS JavaScript Mozilla开发者中心[MDC] 大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。 HTML CSS JavaScript 特别收录: DOM W3 Schools 基本上W3 Schools 可以提供给您所有Web技术的快速参考，而且比W3C提供的原始参考文档要易读得多。 MDC虽然更好，但手边有一些快速参考资料总归要好得多。 HTML CSS [...]<div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/24-javascript-best-practices-for-beginners.html" rel="bookmark">给JavaScript新手的24条实用建议[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html" rel="bookmark">40个实用的轻量级JavaScript库[SM]</a></li><li><a
href="http://blog.benhuoer.com/posts/10-tips-for-jquery-performance.html" rel="bookmark">即刻提升jQuery性能的十个技巧[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/try-out-report-of-kissy-editor.html" rel="bookmark">淘宝开源编辑器KISSY Editor试用报告</a></li><li><a
href="http://blog.benhuoer.com/posts/info-files-for-themes.html" rel="bookmark">[Drupal模板制作手册-4]主题的.info文件</a></li></ol></div> ]]></description> <content:encoded><![CDATA[<p
class="entrytitle"><em>本文是JavaScript库Mootools的入门性介绍文章，详细介绍了在网上能找到的比较好的学习HTML,CSS,JavaScript入门知识的资源以及随手参考的地方。</em>文中介绍的从零入手学习JavaScript编程的过程很有参考价值。</p><p><strong>[译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然，但是重要的是文章作者提供的学习思路。</strong>具体的参考内容你可以去Google相应知识的中文版。<strong>]</strong></p><p><span
id="more-54"></span></p><p><em>翻译不当的地方还请留言指正！</em></p><p><a
title="英文原始文章" href="http://blog.mootools.net/2007/6/5/help-i-dont-know-javascript" target="_blank">帮帮我！我不懂JavaScript [Help! I Don't Know JavaScript!]</a></p><h5>June 5th, 2007, 作者 Michelle</h5><p
class="entrybody">为了帮助所有对Mootool有兴趣却碰上很多麻烦的人，我整理了这些能够教给你开始从事客户端应用开发所需的所有知识的网上资源。</p><h4>职业必备工具</h4><p>这些是从事Web开发的前提条件。</p><p><a
href="http://www.getfirefox.com/">Firefox</a>: 从事开发工作一定少不了Firefox。但你还需要在你的电脑（以及其他测试计算机）上安装好你打算兼容的所有浏览器，以方便进行跨浏览器支持测试。</p><h5>必不可少的扩展</h5><ul><li><a
href="http://www.getfirebug.com/">Firebug</a>: 有史以来最优秀的插件。Firebug让面对一大堆代码抓狂的你清楚地了解处理你的页面时浏览器内部都发生了些什么。</li><li><a
href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer Toolbar</a>: 赋予你全面掌控站点的伟大力量。禁用JavaScript，查看网页不带CSS时的样子，禁用访问来源，启用严格警告，以及更多。所有你能想到的Web Developer Toolbar都能给予。</li></ul><h4>学习基础知识</h4><p>别因为不懂HTML就在学习Web开发的道路上止步!</p><h5>How to Create</h5><p>这地方非常棒，不仅详细介绍各种麻烦的细节，而且对语义化和实践优化方面的课题也有所涉及。 总的来说，是非常不错的人性化设计的基础知识概览。</p><ul><li><a
href="http://www.howtocreate.co.uk/tutorials/html/basics">HTML</a></li><li><a
href="http://www.howtocreate.co.uk/tutorials/css/introduction">CSS</a></li><li><a
href="http://www.howtocreate.co.uk/tutorials/javascript/important">JavaScript</a></li></ul><h5>Mozilla开发者中心[MDC]</h5><p>大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。</p><ul><li><a
href="http://developer.mozilla.org/en/docs/HTML">HTML</a></li><li><a
href="http://developer.mozilla.org/en/docs/CSS">CSS</a></li><li><a
href="http://developer.mozilla.org/en/docs/JavaScript">JavaScript</a></li><li>特别收录: <a
href="http://developer.mozilla.org/en/docs/DOM">DOM</a></li></ul><h5>W3 Schools</h5><p>基本上<a
href="http://w3schools.com/%20%E2%80%9CW3%20Schools%E2%80%9D">W3 Schools</a> 可以提供给您所有Web技术的快速参考，而且比<a
href="http://w3c.org%20w3c/">W3C</a>提供的原始参考文档要易读得多。 MDC虽然更好，但手边有一些快速参考资料总归要好得多。</p><ul><li><a
href="http://w3schools.com/html/default.asp">HTML</a></li><li><a
href="http://w3schools.com/css/default.asp">CSS</a></li><li><a
href="http://w3schools.com/js/default.asp">JavaScript</a></li></ul><h5>微软<span>开发人员网络 </span>[MSDN]</h5><p>不要被他们的名字唬住了——JScript是和JavaScript一样的东西。如果没记错微软应该因为这一站点获得了一两个可用性方面的奖项。当你和IE的不规范做斗争时应该常来这里看看。</p><ul><li><a
href="http://msdn2.microsoft.com/en-us/library/aa155093.aspx">HTML &amp; CSS</a></li><li><a
href="http://msdn2.microsoft.com/en-us/library/yek4tbz0.aspx">JavaScript</a></li></ul><p><em>[译注：最近发现<a
title="梦都网" href="http://www.dreamdu.com/" target="_blank">梦都网（中文）</a>的HTML和CSS基础教程和参考文档很不错，建议看看]</em></p><h5>其他资源</h5><p>如果你有点好奇心，可以经常看一看 <a
href="http://alistapart.com/">A List Apart</a> ，了解一些巧思妙技。另外，请注意，Mootool在 <a
href="http://forum.mootools.net/viewtopic.php?id=1964#post-11124">strict doctype</a> [严格文档类型]中使用最佳。<em>译注：Doctype即XHTML文档头部声明指定的文档类型。一般是如下形式： </em></p><p>[html]&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;[/html]</p><h4>JavaScript详细</h4><p>JavaScript，世上最酷的编程语言。 要想掌握JavaScript，首先您需要明白，它和 &lt;此处用你最喜欢的编程语言代替&gt;<strong>完全不同</strong>。当你明白了这一事实后，你可能会想要看看下面这些指导文章：</p><h5>了解基础</h5><p>现在来点轻松的。Yahoo的一些大好人为世人上传了很多普及性的视频教程。这真的是件大好事，因为我们对JavaScript的学习简单到了只需要花几个小时看这些聪明的伙计们讲话。</p><h6>激动人心的 JavaScript三部曲</h6><ul><li>JavaScript编程语言<ul><li><a
href="http://video.yahoo.com/video/play?vid=111593">第一部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111594">第二部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111595">第三部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111596">第四部分</a></li></ul></li><li>DOM的理论研究<ul><li><a
href="http://video.yahoo.com/video/play?vid=111582">第一部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111583">第二部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111584">第三部分</a></li></ul></li><li>高阶JavaScript<ul><li><a
href="http://video.yahoo.com/video/play?vid=111585">第一部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111586">第二部分</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111587">第三部分</a></li></ul></li></ul><h6>特别收录</h6><ul><li><a
href="http://video.yahoo.com/video/play?vid=568351">Nicholas Zakas谈可维护代码</a></li><li><a
href="http://video.yahoo.com/video/play?vid=111597">Joe Hewitt介绍Firebug</a></li></ul><h5>自食其力地进阶</h5><p>一旦你已完成上面的学习，试着利用Google找寻您想知道的问题的答案，直到您能用原始的JavaScript代码编写出几个有趣的跨浏览器Ajax应用。没什么不可能的，用不了多久你就可以抛开Google自己动手了。我认为靠你自己的力量做点这些可以帮助你理解一个框架是如何实现应用的，以及这些丰富的应用背后的过程。</p><p>你可能也会觉得 <a
href="http://www.b-list.org/weblog/2007/02/16/javascript-knowledge-gap">JavaScript的知识鸿沟</a> 是篇有意思的文章。</p><h5>通过实例进行学习</h5><p>如果你真的很想成为一个好的JavaScript代码编写者，最好的方式就是阅读已洞悉个中奥妙的人编写的代码。也就是说，你可能需要 <a
href="http://dev.mootools.net/browser/trunk">浏览MooTools的源码</a> 获得一些启迪。你不仅可以吸收很多好点子，通过这一过程，你还能更深层次的理解这一框架。</p><h5>进阶到更高水平</h5><p>现在是时候下载Mootools啦！如果你确实完成了我上面列举的大部分内容的学习，我们欢迎你到<a
title="Mooltools的论坛" href="http://forum.mootools.net/" target="_blank">论坛</a>上提问，在IRC聊天室里潜水，为Mootools社区做出您的贡献。 试试下载完整的，未经压缩的源码并将其应用于你的开发工作。看看当你对其做出修改时都会发生什么事。试着找出一些bug，提出相应的解决办法。做几个插件。但是请保证在为你的插件命名时让其看起来和Moo有关。</p><h4>持续关注</h4><p>常来<a
title="Mootools的Blog" href="http://blog.mootools.net/" target="_blank">这个blog</a>逛逛，这里有调试代码时你所须知的一切以及一些让你与函数打交道的过程变得有趣的延伸阅读。</p><div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/24-javascript-best-practices-for-beginners.html" rel="bookmark">给JavaScript新手的24条实用建议[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/40-stand-alone-javascript-libraries-for-specific-purposes.html" rel="bookmark">40个实用的轻量级JavaScript库[SM]</a></li><li><a
href="http://blog.benhuoer.com/posts/10-tips-for-jquery-performance.html" rel="bookmark">即刻提升jQuery性能的十个技巧[TUTS+]</a></li><li><a
href="http://blog.benhuoer.com/posts/try-out-report-of-kissy-editor.html" rel="bookmark">淘宝开源编辑器KISSY Editor试用报告</a></li><li><a
href="http://blog.benhuoer.com/posts/info-files-for-themes.html" rel="bookmark">[Drupal模板制作手册-4]主题的.info文件</a></li></ol></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/web-technology/web-apps-development" title="查看 前端开发 中的全部文章" rel="category tag">前端开发</a>        标签: <a
href="http://blog.benhuoer.com/tag/a-list-apart" rel="tag">A List Apart</a>, <a
href="http://blog.benhuoer.com/tag/css" rel="tag">CSS</a>, <a
href="http://blog.benhuoer.com/tag/dom" rel="tag">DOM</a>, <a
href="http://blog.benhuoer.com/tag/javascript" rel="tag">JavaScript</a>, <a
href="http://blog.benhuoer.com/tag/xhtml" rel="tag">XHTML</a>, <a
href="http://blog.benhuoer.com/tag/%e6%95%99%e7%a8%8b" rel="tag">教程</a></div><p><small>©2007 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/mootool_js_intro.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/mootool_js_intro.html#comments" target="_blank">已经有2条评论了</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/mootool_js_intro.html&title=[译]JavaScript基础入门&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/mootool_js_intro.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
