如何在主流JavaScript框架中做选择？横向对比Vue, React, AngularJS, and Angular2

2017-07-29 17:09 来源:36氪

原标题：如何在主流JavaScript框架中做选择？横向对比Vue, React, AngularJS, and Angular2

一个有趣的事实是：IBM发表的2017年最值得学习编程语言名单中，Java榜上有名。正是这位IT巨头指出，JS在网站中惊人地达到94.4％的使用率，而且“不太可能降低”。Java能确保“对用户非常友好的网页，因为它负责整个web界面，包括动画和交互”。不管你怎么看，Java很重要。

这也指明了潜在Web开发人员的方向：如果你深入前端，你不得不在某些时刻面对Java。并且正确的开发指南可能有助于此。

让我们假设你知道Java基础知识。纯JS（不是一无所知）的那种。如果假设是正确的（意思是你了解基础），你可能对现代Java框架们的学习更感兴趣。这些框架通常带有预置的函数和一些构建应用的方法。

Java Frameworks

有些人可能会有局限性的思考，认为世界上大多数开发者更喜欢使用框架（不要将它们与库混淆），因为它们使工作更容易，更快速，在通常情况下更可靠。

好吧！说完这些，是时候该深挖一点儿了。

我们的开发团队准备了他们每天使用的框架清单。虽然周围肯定有更多的Java框架，这些是我们最关注的。

接下来，你会看到我们所爱的技术及其各自特点的简单概述。

大街上的酷小孩－Vue.js。

Vue.js Java framework

这个就像一个还在读高中的超级巨星。它不是一个成熟的技术，所以我们真的无法说，五年后，Vue会发生什么。然而目前，它可能是每个会议议程中最引人注目的话题。

如果你决定和JS极客喝两杯，他会谈论Vue。如果Vue是个流行歌星，那么现在它就是最红的。如果...嗯，你明白我的意思。

它由尤雨溪在2014年2月建立。在2016年，Vue.js拥有惊人的89％的开发人员满意度评估，目前是GitHub中star最多的项目之一。

虚的说差不多了，来点实际的。什么是Vue.js？首先，它是本文中讨论的所有Java框架中最快最小的。它的语法和原理所需要的学习成本不是很高。此外，它还具有高覆盖率的文档。你想要执行的操作绝大部分情况已被记录在案。此外，如果一个操作没有文档记录，你能在线上找到解决方案的几率很小，因为Vue不如Angular或React更流行。

注意：Vue的发音和“view”一样。

随便挑5个Vue.js的特性说一下：

便于扩展的插件系统。

拥有在使用服务端渲染时的库(Nuxt.js)。

支持范围样式。

有一个CLI工具，允许你通过先进的前端工作流设置，快速构建单页应用。

被加入Laravel5.4的新特性中，用来处理前端模板

就像React一样，Vue.js仅处理视图层。也就是，它让开发人员自己实现他们的业务逻辑。它也有被称为Flux架构实现的Vuex。作为我们的队友，36Kr某员工说：

在我看来，Vuex比React的Redux使用起来更好，更容易。

此外，Vue.js在Chrome中拥有最好的开发者工具，并且Weex也使用Vue的语法，它是一个通过Java构建原生应用的框架，也是React Native的竞争对手。值得注意的是，Weex并不太完善，特别是对于商业项目。目前，它更多的是一个方案而不是一个真正的技术。

对开发者来说，Vue.js的优势在于：

易于学习和理解，能快速开发应用

与Laravel集成，所以具有Vue知识的开发人员对使用Laravel开发应用的后端团队有所补充

拥有非常方便的CLI工具，可以快速启动

有很多额外的模块，如路由器和状态管理工具；虽然不如其他框架那么多

对客户来说，Vue.js的优势在于：

降低前端应用成本，乃至全功能web应用的成本（在使用Laravel和Vue.js的组合时）

在保证稳定性的同时，是一个快速可靠的解决方案

较小的模块很适用，如日历，联系人表单或小部件

React.js Java framework

React是由Facebook的Jordan Walke创建的，GitHub的最流行框架中排名第5。然而，React.js（以及React Native）最火爆的时间点是在2015年。

据State of JS调查显示React的开发者满意度最高，达到92％。Vue跟它在同一个级别。根据调查，React的开发者较平均水平来说，在决定哪个技术配套使用前，会尝试多种其他技术组合。

随便挑5个React.js的特性说一下：

框架只负责"View"层，这意味着其它业务逻辑是完全解耦的，并且能以任何方式来实现。

与框架相关的Redux是一个非常棒的类Flux架构的实现。

模板方面，框架可以使用JSX语法，这个语法在刚上手时可能会有一点点难度。

开发者掌握React.js的知识后，可以直接用于基于React Native的移动客户端开发。