文档结构  
翻译进度:已翻译     翻译赏金:0 元 (?)    ¥ 我要打赏

AngularJS是谷歌维护的项目,而reactjs出自facebook。他们都独一无二,有丰富资源。这些框架是非常容易使用,有用于建立尖端的移动和Web应用程序的可能性。然而,他们也有不同,由此,引出了今天讨论的话题:‘AngularJS与reactjs:哪个更好?’

Image title

在比较二者的不同之前,我们先看他们的共同点。下面是他们都提供的基本功能:

  • JavaScript:对二者来说, JavaScript (ES5 和 ES6)是基础.由于有相同的语言背景,灵活性和可靠性相同。
  • CSS3没有CSS3您不能严格执行前端编码。 幸运的是,这两个框架都支持CSS3,并给你更多的机会做得更好。
  • HTML5像其他框架一样,这两个框架也支持HTML5。 虽然两个框架所需的知识深度不一样,但它们有着非常相似的应用。 
  • 设计模式和面向对象的原则: 不仅在语言上,在设计上这两个框架也有相似之处。 一些参数,如纯函数、单例、不可变性、可组合性、继承,和许多其他是核心概念,能帮助更好的开发。
第 1 段(可获 2.64 积分)

AngularJS 和 ReactJS各自的优点

为了查看AngularJS的特别之处,我们在 ValueCoders做了调查。 以下是AngularJS的特别之处:

  • 易于决断: 由于Angular是一个框架,它显著地提供了许多拆盒可用的观点和功能。 AngularJS可以让你快速地起步,而不会因多种选择感到害怕。这同样有助于新开发者很快的感到轻松,并且使得调整团队间开发者更加简单、实用。
  • 组件结构: AngularJS 2从框架进化到平台。因此,你可以轻松地使用其它框架的组件。额外的功能可以只是通过能够完全实现功能的组件形式来实现,这与可以扩展现存组件功能的指令一样。
  • 开发环境: 尽管angualrJS的许多开发者使用使用TypeScript你可以选择你最喜欢的环境来使用AngularJS进行开发,你可以自由地选择Javascript,CoffeeScript或者Dart.。例如,你可以使用纯粹的HTML,也可以使用类似Jade的预处理。
  • AngularJS和ReackJS中的测试: 起初,AngularJS创建就是为了方便地写应用测试,特别你使用多个模块,这正是官方文档所推荐的。因此,AngularJS拥有测试用例很大的优势,这是选择AngularJS的又一个理由。
第 2 段(可获 2.58 积分)

ReactJS的优点:

以下是ReactJS的一些优点,这也证明了 “AngularJS vs ReactJS”之战的观点。

有利于SEO

这方面的所有Javascript框架都不利于SEO,但是ReacJS在SEO方面做了出乎意料的工作。你能够在服务器端运行ReadcJS,,虚拟DOM(virtual DOM)返回后,以常规页面的形式在你的浏览器渲染。你不必应用其它任何的方法。

Image title

JSX 是有着类HTML的语法,可以编译成JavaScript。对于JSX而言,标记和代码同一个文件中组装。这意味着当你键入组件功能和函数相关的引用时,代码补全可以助以一臂之力。对比之下,AngularJS以字符串依据的模板,伴随着常规的缺陷:许多编辑器中没有代码变色,有限的代码补全支持, 运行期间的各种失败。因此,ReactJS在这方面处于领先。

第 3 段(可获 1.81 积分)

与AngularJS不同,ReactJS Native 更加注重用户交互界面。ReacJS Native借助于设备的原生环境和ReactJS Native之间的Javascript交互,让用户拥有高度的响应式交互界面。因此,这增加了加载时间,并且有利于无卡顿的流畅运行。

高度高效

ReactJS创建了自己的虚拟DOM( virtual DOM ),你的组件就放在那里。该方法使得开发者拥有高度的灵活性和惊人的性能收益,因为ReactJS会提前计算虚拟DOM中需要做出的改变,并相应地更新DOM树。在这种方式下,ReactJS避免了代价昂贵的DOM操作,以非常高效地形式更新。  

第 4 段(可获 1.43 积分)

Image title

结论

您已经阅读到文章结尾,对两个框架也有了初步了解。因此,如果你想选择其中一个学习,下面是我的建议: 如果你打算开发一个简单的网络应用程序,那么两者都可以使用,此外可以考虑下面两点,ReactJS是SEO友好的,实时的,提供并发支持,AngularJS易于开发和测试,可靠性强。

这篇文章最初发表于 ValueCoders.com

第 5 段(可获 1.01 积分)

文章评论