9159金沙游艺场


微软Win8全球发布会图文实录:Windows8来咯 – Windows7之家,Win7之家

php中fsockopen模仿post与get详解

JS 框架比较:AngularJS vs ReactJS vs EmberJS

JS 框架比较:AngularJS vs ReactJS vs EmberJS

2016/12/08 · JavaScript
· 1 评论 ·
AngularJS,
EmberJS,
ReactJS

原文出处: Nataliya
Orlovska   译文出处:码农网

小峰   

选择最适合项目需求的JavaScript框架,可以提高你发布有竞争力的web
app的能力。

最后,你对基于JavaScript的app或网站找到了一条奇妙的思路。选择正确的框架可能对你项目的成功有着相当大的影响。它可以影响你按时完成项目并在将来维护代码的能力。JavaScript框架,如Angular.js,Ember.js或React.js,给你的代码带来结构,并保持其有序化,从而使您你的app更灵活,更具可扩展性,并更容易开发。

9159金沙游艺场 1

9159金沙游艺场 2

作者: noeticsunil | 最后更新:2016.03.05 | 译者:CoolTiger
原文链接

Javascript场景的易变性

Web开发的变化发生的很快。几乎每个月都会引入一个新的JavaScript框架,并且现有的框架经常被更新。由于这些框架是开放源代码的,因此世界各地的大型社区也都可以不断地使之丰满起来。因此,了解每个框架的优点和它们之间的区别并不是一件容易的事情。

用原生JavaScript开发web应用?恐怕是“石乐志”。在互联网技术更迭如此迅速的时代,我们需要更好的方式来快速开发交互式Web应用程序,这就不得不提JavaScript框架了。JavaScript框架是单页面的Web应用程序开发的核心,并给html和JavaScript注入新的强大的能量。

要用原生 JavaScript 开发 web 应用 ?
呵呵哒!现在都追求开发效率,开发者需要要更高效的方式,于是 JavaScript
框架诞生了。JavaScript 框架是单页应用开发的顶梁柱,它为 HTML 和 原生
JavaScript 增加了强大的功能。

深入Angular vs React vs Ember

许多开发人员因为JavaScript框架的种类繁多而感到眼花缭乱——框架外观和功能非常不同。

让我们来比较一下三个最流行和广泛使用的JavaScript框架的优势:AngularJS,ReactJS和EmberJS。

框架

AngularJS

ReactJS

Ember.js

是什么?

超级JavaScript MVW框架

一个不止用于构建用户界面的JavaScript库

一个用于创建高要求的web应用程序的框架

建立

由MiškoHevery建立于2009年

创建者:Jordan Walke,2013年开源

最初由Yehuda Katz于2007年创建叫做SproutCore,后被Facebook收购,并于2011年更名为EmberJS

官方主页

https://angularjs.org/

https://reactjs.net/

http://emberjs.com/

Github

https://github.com/angular/angular.js

https://github.com/facebook/react

https://github.com/emberjs/ember.js

Bug 报告

https://github.com/angular/angular.js/issues

https://github.com/facebook/react/issues

许可证

MIT

MIT

BSD-3-Clause

被使用的热门网站

Youtube, Vevo, Freelancer, Istockphoto, Weather, Sky Store

Facebook, Instagram, Khan Academy, New York Times, Airbnb, Flipkart, Sony Lifelog

Apple Music, Yahoo!, LinkedIn, TinderBox, Netflix, Groupon

最适合使用的地方

构建高度活跃和交互式的Web应用程序。

数据设置频繁更改的大型Web应用程序

动态SPA

9159金沙游艺场,原生的JavaScript和jQuery一起已经被使用多年,用以构建复杂的网络接口,但在代码开发和维护上需要需要付出巨大的精力。JavaScript框架使用给你足够的空间,去专注于开发用户界面的互动元素,而不用担心太多的代码结构和代码维护。

多年以来,我们苦逼地使用原生 JavaScirpt 和 jQuery
开发复杂的界面,开发和维护的苦真是一言难尽。

AngularJS: 框架领域的冠军

Angular.js是一个开源的Web应用程序框架,具有由Google提供的Model-View-Controller(MVC)架构(Angular
1)和Model-View-ViewModel(MVVM)架构(Angular
2)。它是上面提到的三个框架中最古老的。因此,它拥有最大的社区。
Angular.js通过使用指令扩展HTML的功能来解决开发SPA(单页应用程序)的问题。此框架强调让你的app快速完成和运行。

JavaScript框架现在如雨后春笋般到来。让我们来看看截止2017年,最好、最流行、功能最强大的10款JavaScript框架。

框架能够让开发者抽出更多的精力专注在交互功能上,不用太操心代码的结构和组织。

Angularjs的优缺点

优点:

  • 创建自定义的文档对象模型(DOM)元素。
  • 简单的UI设计和更改。
  • 在HTML文档中创建输入字段时,将为每个已渲染字段创建单独的数据绑定。Angular倾向于在重新渲染之前检查页面上的每个单个绑定字段的任何变化。
  • 依赖注入。
  • 简单路由。
  • 易于测试的代码。
  • 此框架利于HTML语法的扩展,并通过指令创建可重用的组件。
  • 强大的模板构建解决方案。在HTML属性中使用绑定表达式来驱动模板功能。Angular的模板引擎对DOM有着深入的理解,且其结构良好的模板减少了创建结果页面所需的代码总量。
  • 数据建模限于小数据模型的使用,以使代码简单易于测试。
  • 在渲染静态列表时速度快。
  • 伟大的代码重用(Angular库)。

缺点:

  • 指令API的复杂性。
  • 对于具有许多交互元素的页面,Angular变得缓慢。
  • 原始设计往往很慢。
  • 由于许多DOM元素,性能方面有问题。
  • 复杂的第三方集成。
  • 陡峭的学习曲线。
  • 范围很容易使用,但很难调试。
  • 路由受限。

注意。Angular 2的功能与上述不同。Angular 2不是从Angular
1重新设计的,它被完全重写了。两个版本的框架之间的巨大变化在开发人员之间引起了相当大的争议。

1. Angular.js

AngularJS,由谷歌提供支持,是JavaScript最大的框架。它于2009年发布,并遵循MIT开源协议。从其发展至今,生态系统的发展已经超出想象。它目前拥有的开发人员最大的社区,是开发Web应用程序最常用的JavaScript框架

AngularJS框架给HTML中注入了构建动态视图(交互式用户界面)所需的必要功能。AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML。

双向数据绑定是Angular.js的核心。当用户与界面交互,并提供一个输入操作时,视图和模型(JavaScript对象)是同步的,在模型中,逻辑被执行,同时DOM也得到更新。相反的情况也是如此,如果模型得到更新,视图将被重新渲染。这基本上解决了所有的编写DOM操作时的痛苦**

大多数框架使用了 MVC 模式,并增强了代码的扩展性,重用性和可维护性。MVC
并不是唯一的准则,还有一些其他的模式,比如 MV*, MVVM, MVP。
要根据项目的需求应用恰当的模式。

ReactJS: 在块上的新生儿

ReactJS是一个开源的JavaScript库,用于构建高性能的用户界面,专注于由Facebook引入和提供的惊人的渲染性能。React专注于模型视图控制器(Model
View
Controller)架构中的“V”。在React第一次发布后,它迅速吸引了大量用户。它是为了解决与其他JavaScript框架的常见问题——大数据集的高效渲染而创建的。

2.React.js

作为Facebook和Instagram的开发框架,采用了它进行开发的还有Yahoo、Airbnb等等。官网上的描述是「A
JavaScript library for building user
interfaces」React.js是用来构造UI的框架。不是一个framework,只是用来构造UI的library,提供MVC中View的机能。

React.js首次发布了作为下BSD许可证在2013年开源。自发布以来,社区正在迅速日益增长,瞩目的而是,React.js是增长最快的JavaScript框架。ReactJS最擅长渲染复杂与高性能的用户界面。ReactJS利用虚拟DOM技术,可呈现所有客户端或服务器端的来回通信。

当处理动态和复杂的数据时,ReactJS处理流程为:

·渲染在服务器端的DOM,虚拟DOM。

·虚拟DOM与浏览器实际DOM比较,找出差异。

·仅更新差异的DOM节点而不是重新呈现整个DOM。

最近一段时间 JavaScirpt
框架层出不穷,其中有十个最棒的,它们高端大气,功能丰富,广受欢迎,让我们可以搞定那些难搞的单页应用。

相关文章

No Comments, Be The First!
近期评论
    功能
    网站地图xml地图