原文链接可能在我们完成这篇文章的时候，某个地方已经推出了一个新的Javascript框架。但这真的是我们无法控制的。因此，我们应该简单地继续我们所拥有的。至少，多亏了免责声明，我们可以确定我们不是在发明一个新的框架。曾几何时，编写有效的前端代码意味着您必须很好地理解HTML、CSS和JavaScript如何组合在一起来创建网页。好吧，幸运的是，即使在今天，这几乎也是事实。然而，在过去十年中，Javascript空间呈爆炸式增长。出于这个原因，开发人员一直在绞尽脑汁想弄清楚他们应该知道什么来构建有效的Web应用程序。在这篇文章中，我们将尝试阐明现代Javascript景观的某些方面。如果你想成为一名专业的前端开发人员，我们还会看看你应该学习什么。但在我们这样做之前，让我们从头开始。JavaScript是如何工作的？当客户端或浏览器访问HTML页面时，服务器会发回HTML标记。浏览器接受它并解释标记以构建DOM或文档对象模型。JavaScript具有与DOM交互、修改它并使其具有交互性的能力。通常，JavaScript使用脚本标签包含在您的DOM中。现在，问题是JavaScript执行阻塞了DOM。这意味着用户无法与网页进行太多交互。换句话说，JavaScript执行的时间越长，Web应用程序的响应速度就越慢。这就是AJAX或异步JavaScript和XML的用武之地。大多数闪亮的新JavaScript框架也使用它。为什么要使用框架？完全可以在不使用任何框架的情况下构建Web应用程序。但现代JavaScript领域发展如此之快并非没有原因。在过去的十年中，很明显用纯JavaScript编写复杂的应用程序是极其复杂的。现代JavaScript框架的目标是减少构建交互式和用户友好的Web应用程序所需的繁琐和重复的工作量。可以这么说，无论使用哪种语言，大多数框架都试图做同样的事情。但是，其他编程语言可能没有那么多的框架。另一方面，现代JavaScript世界实际上有数百个框架和库。这些库或框架中的每一个都试图解决一组特定的问题。然而，大多数主要框架都试图解决一个常见的用例：如何构建能够支持复杂用户交互并在前端或客户端管理应用程序状态和业务逻辑的单页Web应用程序。简而言之，单页应用程序或SPA是一种可以在客户端上运行而无需不断重新加载页面的Web应用程序。征服现代JavaScript格局的步骤让我们假设您是一个完全的新手。您想开始学习前端开发并有一天成为一名专业人士。你必须学习很多东西！没有其他方式可以表达它。当然，这是一段漫长而曲折的旅程。但是，为简单起见，我将旅程分成几个阶段。这些阶段帮助您掌握现代JavaScript环境。Phase1LearningHTML无论你使用什么框架，HTML和CSS几乎都在。所以不要试图绕过它们。您应该学习如何创建HTML页面，现在将页面分成几个部分。专注于适当的结构，暂时不要担心页面美化部分。学习CSSCSS或层叠样式表可以为丑陋的HTML页面增添美感。尽可能多地学习。它很大，有很多选择，而且你总能找到新的东西。如果你想要一个列表，那么学习CSSGridLayout、Flexbox、MediaQueries和ResponsiveCSS。这些东西将帮助您进行认真的Web开发。另外，我建议至少学习一种CSS框架。如果您不确定选择什么，我会推荐Bootstrap。它将帮助您使用更少的CSS和一些良好的设计模式构建外观专业的Web应用程序。学习JavaScript基础考虑到一旦开始使用框架就不会编写纯JavaScript，这听起来可能违反直觉。但是，学习基础知识会对您以后大有裨益。在这一点上，您可能遇到过一种叫做jQuery的东西。但是冒着疏远社区中一些开发人员的风险，我建议你只有在有很多时间的情况下才学习它。jQuery（一个使操作DOM更容易的库）曾经统治JavaScript世界。但是，最近它在新项目中用得不多，对您的时间来说可能没有那么多的附加值。现在，不管你以后做什么，第一阶段都是一样的。如果你走到这一步，你应该为成功拍拍自己的背，并反思是否要继续。第2阶段学习git基础现在，虽然学习JavaScript不是强制性的，但它将帮助您向其他开发人员和GitHub等网站上的社区学习。您还可以将您的源代码放在GitHub上，供所有人查看并围绕您自己的工作建立社区。学习包管理器任何严肃的现代JavaScript框架都需要至少了解一些包管理器。包管理器只是管理应用程序将使用的各种依赖项的一种方式。不幸的是，没有很多用于纯JavaScript的库，但是由于开发人员发布的各种库和包，整个生态系统得到了极大的发展。包管理器帮助我们利用所有这些代码，因此我们不必编写已经存在的代码。如果你只有时间学习一个，我会推荐npm或节点包管理器。npm是最大和使用最广泛的包管理器；你可以在这里探索它。另一种选择是Yarn——如果你知道一个包管理器，你会发现学习另一个并不难。做出选择——学习哪个JavaScript框架？有很多，但为了便于讨论，我将列出三个主??要的。排名不分先后，它们是React、Angular和Vue。React是Facebook构建的JavaScript库。该库可用于创建交互式UI。仅根据数字，React是当今开发人员中最受欢迎的，因为React非常容易学习。但是，如果您开始将Redux等高级内容混入其中，则很难掌握。Angular是一个JavaScript框架（或平台），可用于构建Web应用程序。如果将Angular与React进行比较，它就像一只重达1,000磅的大猩猩。对于新手来说，这可能会让人不知所措，但是一旦您通过了最初的学习曲线，您就会发现自己身处平流层，感到头晕目眩。顺便说一句，Angular是由Google构建和维护的，因此您可以判断它的质量。Vue是另一个流行的框架，它显然试图在React和Angular之间找到一条中间线。除非你有一个只能用Vue解决的非常具体的需求，否则我建议使用Angular或React。话虽如此，我通常不喜欢支持一个框架而不是另一个框架。一个好的开发人员可以根据问题选择框架或工具集。React和Angular都可以做任何事情，但它们在某些方面比其他方面做得更好。例如，Angular中的表单处理非常出色，非常适合在填写内容方面具有大量用户交互的企业应用程序。另一方面，如果你有一个非常动态的DOM并且想根据用户交互做很多操作，React是很棒的。在我看来，我会建议，如果你有时间，你应该尝试两者都学。它会让你大开眼界，让你成为更好的前端开发人员。第三阶段如果你达到了这一点，那么你已经走了很长一段路。你应该为自己感到骄傲。然而，旅程并没有就此结束。正如我们之前谈到的，现代JavaScript环境正在迅速发展。如果Web开发人员想保持相关性，他们也应该这样做。甚至框架也在迅速发展。Google每年两次发布具有新功能的新Angular版本。React生态系统正在迅速扩展。还有其他框架正在出现，谁知道其中一些是否会变得更流行。所以继续学习。您可以检查的一些内容是：渐进式Web应用程序使Web应用程序像本机移动应用程序一样工作。Webpack和Babel等工具框架。ES6、ES7语法各种测试框架，如Jest、Karma和Mocha。如果您对使用JavaScript构建移动应用程序感兴趣，可以查看ReactNative、Flutter等。使用SPA框架的服务器端呈现。祝你学习愉快！
