javascript - 我从哪里开始学习所有不同的 JavaScript 技术/库？

Question

我正在构建一个介于 StackOverflow 和 Digg(只是不同类型)之间的站点。通常在过去，我只是使用 ASP.Net Web 表单构建它。但是我想用这个项目作为学习新技术的一种方式。我正在使用非常棒的 ASP.Net Mvc，但我需要学习/使用某种 javascript 库。

例如，当有人对帖子投票时，我希望它立即更新为投票计数，或者如果有人在“标签”文本框中输入文本，我希望它提供当前使用的标签的下拉列表等等。基本上我想为我的网站提供很多 AJAXy 的东西。

所以我的问题是从哪里开始？我感到被这么多选择轰炸，我不确定从哪里开始，甚至不知道它们是什么。有人可以理顺我并提供一些解释和指导吗？

• JSON
• JQuery
• MS-AJAX

我敢肯定，我现在还记得其他一些。

Answer 1

您绝对应该从 Javascript 的基础知识开始。从在页面上打印“Hello World”之类的事情开始。继续学习基本语言功能，例如变量、循环、条件和函数。我推荐W3Schools Introduction to Javascript .不要太沉迷于尝试使用 Javascript 进行面向对象的编程。这是痛苦和困惑的，即使对于一些有经验的 Javascript 程序员也是如此。

接下来，我强​​烈建议学习使用跨浏览器的 Javascript 库，而不是尝试手动完成所有操作(特别是:与 DOM 交互，执行 XmlHttpRequests 又名 AJAX 调用等)。我推荐jQuery library .它为您想做的所有很酷的 AJAX-y 事情提供了坚实的基础，并且有很多 plugins可用。

jQuery 是一个 Javascript 框架，可以轻松可靠地与文档对象模型 (DOM) 进行交互。简单来说，DOM 是网页中所有 HTML 元素的表示。 DOM 因浏览器而异，“手动”与之交互既乏味又容易出错。 jQuery 通过在幕后完成所有艰苦的工作来解决这个问题。它比那更强大，真的，但这是主要功能。它还为页面事件、自定义事件、插件、CSS 操作等提供支持。

JSON是你提到的另一个术语。它代表 JavaScript 对象表示法。 JSON 只是一种用 Javascript 表示结构的轻量级方式(实际上也包括其他语言)。老实说，Wikipedia JSON Article提供了比以往任何时候都更好的关于 JSON 如何与 AJAX 一起使用的总结，所以你可能想要 give it a read .

这是事件的基本顺序:

1. 您的 Javascript 代码对网页进行 AJAX 调用。您可以使用 jQuery 中的 AJAX 函数执行此操作。
2. 该网页生成的结果是一个 JSON 对象。例如，它可能会生成如下所示的字符串:{ 'firstname':'Robert', 'lastname':'Smith' }
3. 结果由您的 AJAX 调用接收，并使用特殊的 Javascript“eval”函数进行评估。
4. 您剩下一个可以在您的代码中使用的 native Javascript 对象。然后您可以执行以下操作:document.write('Hello ' + result.firstname + ' ' + result.lastname)

以下是我在过去一年左右收集的一些有用链接，它们对我有帮助。我希望他们也能帮到你!

• How jQuery Works
• jQuery Plugins
• 20 Amazing jQuery Plugins and 65 Excellent jQuery Resources
• 75 (Really) Useful JavaScript Techniques
• AutoCompleter Tutorial

要记住的最重要的事情是:边做边学。实验。尝试新事物。制作一堆概念证明页面。使用 Javascript，这确实是让您开始尝试的最佳方式。祝你好运!