寻找用JavaScript (而不是jQuery)构建的高质量站点，以学习它们的示例

Question

我是JavaScript的新手。

我读过JavaScript:好的部分和面向网络开发人员的专业JavaScript的一半。

现在，我想遵循这个建议-找到最好的网站，看看他们的代码。

正如克罗克福德在工作中的编码者:对编程工艺的思考中所建议的那样，我希望找到最好的站点，只使用JavaScript而不是jQuery编程，因为我想查看它们的代码并向它们学习。

Answer 1

读写程序

探索使用识字编程方法(由D. Knuth介绍)的代码库，它将有很大帮助。

例如：

• 下划线(源代码 + 带注释的源代码)
• 骨干(源代码 + 带注释的源代码)

读取很好的示例项目

其他一些页面有很好的文档记录，可以很好地帮助您查看在受限环境中良好的实践、不良实践和实践，但这可能会使您的代码难以阅读和维护。顺便说一句，你提到jQuery是你不想用的.但是阅读jQuery的来源可能也是一个好主意，也是其他框架的来源。

GitHub、托管、Google CodeSearch和其他在线代码托管和浏览工具将是您在这里的朋友，并且有很多优秀的项目使用了大量的JavaScript。

让我们来看看我的意思(在这里没有特别的顺序)：

• Zepto.js (来源)
• HTML5Slides (源自谷歌IO 2011幻灯片)
• 功能JavaScript (来源，示例)
• JSLint (来源)
• JSHint (来源)
• TiddlyWiki (来源)

阅读好的JavaScript编程博客或文章

你可能想为自己找几个博客。

我真的不想特别指出任何人。在写作风格、编码风格和编程范式方面，口味都不一样。尽管如此，向使用你不喜欢的技术的人学习也是很有启发性的。

这里还有几个指点：

• 约翰·雷西格's 博客
• 道格拉斯·克罗克福德's 杂文

不同框架下的

实验

这一点，广泛地:阅读代码，遵循教程，做基准测试。

以下是一些开始(按字母顺序排列)：

• 主干网
• Dojo工具包
• ExtJS
• jQuery
• JS.Class
• Mootools
• node.js
• 原型
• 下划线

当然，他们会为你隐藏一些复杂性。所以一定要明白引擎盖下面发生了什么。

看看JS在其他环境中可以为您做些什么--不仅仅是在客户端--比如使用node.js。

自学关于解释器的

他们运行你的东西，所以你最好知道他们能做什么和不能做什么，以及它如何影响你的网站渲染和性能。

• 谷歌的v8
• 莫兹拉的JaegerMonkey

说到基准.

如果你需要对此进行测试(并养成这样做的习惯)，请见见你的新朋友：

• 小提琴
• 杰斯普夫 (上市)

浏览上面的例子，看看人们发表的很好的例子。

ECMAScript标准

ECMAScript标准的存在是有原因的。阅读它，即使它是(或出现)不可读的。ECMA-262，第五版，是你的圣经中的东西下的引擎盖参考。

对标准的一些补充可能会有所帮助.

请看Google DocType和Mozilla的S JavaScript参考

潜伏在StackOverflow

上

按照javascript/ecmascript问题或特定框架的标记，阅读好的和坏的答案。注释它们，评论它们，并且毫不犹豫地尝试回答它们。最坏的情况是，你写出了一个完美的答案，得到了无数的分数，让别人的生活变得更轻松了。最好的情况是，你会被火焰击倒，学习一堆新东西，然后继续下一个问题来深入挖掘。

别忘了看一下投票最高的JavaScript问题。

Answer 2

您考虑过查看JQuery代码本身吗？它是开源的，可以让您看到最流行的Javascript框架是如何发挥其魔力的。也许你甚至可以成为一个贡献者。大多数网站都会使用JQuery、原型、mootools等.这可能是因为与其他更严肃的语言(如C#、Java和Python )相比，它最纯粹的形式的javascript并不是一种非常好的语言。

您将不得不寻找开放源码，在那里您可能再次看到大量的JQuery。你也许可以试试：

• PHPBB -一个开源论坛应用程序
• Identica -一个开源的微博应用程序
• TinyMCE --一个面向Javascript的开源文本编辑器组件。

但是，如果您打算在实际的基础上使用Javascript，那么学习这些库可能是有意义的。