Backbone.js 和 Angular.js 之间的区别


Backbone.js 和 Angular.js 之间的区别

AngularJS 被认为功能更丰富,更全面地满足了客户的需求(Upwork、iStockPhoto、Climate、PayPal 都是用 Precise 构建的),尽管任何 Spine JS 设计师都会告诉 Spine 包含一个包裹有价值的亮点。 Angular 具有协调内置实用程序,可帮助批准客户端输入,最近某个时间它被处理或发送到服务器。 Angular 致力于研究工具。 Angular 检查任何更改并升级比较字段。 Angular 包含一个流行的插件,它结合了办公室以形成查看动画。 Backbone 允许很好地集成第三方库。信息官员的骨干就业可观察(它监视模型)。 Backbone 具有合理性,可以扩展为支持模型并看到彼此大修。 Backbone 可能与其他布局电机(不止一个)一起工作。它们都反向引导和深度连接到与浏览器 URL 相关联。他们有一个稳定的开放 API。它们可以与另类模块定义库一起使用。他们有一个专门的插件源出现在框架的生活生态系统中。它们都支持凉亭依赖管理;他们有一个风险生成器,可以让工程师在使用内置工具的同时自然地建立一个未使用的风险。
Angular.js AngularJS 可能是一个异常强大的 JavaScript 系统。它用于单页应用程序 (SPA) 企业。它通过额外的属性放大了 HTML DOM,并使其对客户端活动的响应更快。 AngularJS 是一个开源的、完全免费的,并被世界各地成千上万的设计师使用。它在 Apache 许可证适配 2.0 下获得授权。
Angular 是一个开源 MVC JavaScript(编程方言)系统,它通过广告编程视图/模型同步来重新安排 Web 改进。作为双向官方的扩展,Precise 是轻量级的,支持所有主流浏览器,并且专为制作可测试的 JavaScript 代码而构建。 Angular 由 Miško Hevery (http://misko.hevery.com/) 制作。来自 Angular 网站:如果 HTML 被概述用于构建 Web 应用程序,那么它会是什么。它为您的应用程序提供了管道,因此您将专注于您的应用程序的功能,而不是如何促使您的网络浏览器执行您需要的操作。
例子:

javascript
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="utf 8">
    <title>Geeksforgeeks</title>
     
    <script src=
"https://code.angularjs.org/1.6.9/angular.js">
    </script>
</head>
 
<body ng-app="app">
    <h1 ng-controller="HelloWorldCtrl">
        {{message}}
    </h1>
     
    <script>
        angular.module("app", []).controller(
            "HelloWorldCtrl", function($scope) {
                $scope.message="GeeksforGeeks"
            }
        )
    </script>
</body>
 
</html>


javascript
<!DOCTYPE html>
<html>
    <head>
        <script src=
"https://code.jquery.com/jquery-3.1.0.min.js"></script>
        <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js">
       </script>
 
        <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js">
        </script>
         
        <script>
            $( function(){
                ( function(){
                    var View = Backbone.View.extend( {
                        "el": "body",
                        "template": _.template( "
<p>GeeksforGeeks</p>
" ),
     
                        "initialize": function(){
                            this.render();
                        },
                        "render": function(){
                            this.$el.html( this.template() );
                        }
                    } );
     
                    new View();
                })()
            } );
        </script>
    </head>
    <body>
    </body>
</html>


输出:

GeeksforGeeks

Angular.js 的特点:

  • REST Easy: Restful 活动正在迅速成为从服务器到客户端通信的标准。在一行 JavaScript 中,您将能够快速与服务器对话并获取您希望与您的网页相关联的数据。 AngularJS 把它变成了一个基本的 JavaScript 抗议,作为模型,采用了 MVVM(Show See View-Model)设计。
  • MVVM to the Rescue:模型与 ViewModel 对象的对话(通过称为 $scope 抗议的东西),它会调整模型的更改。届时,这些可以由 Sees 传达和呈现,这是与您的代码通信的 HTML。可以使用 $routeProvider 抗议来引导 Sees,因此您将深层链接和组织您的 Sees 和 Controller,将它们变成安全的 URL。 AngularJS 还提供了无状态控制器,它们初始化和控制 $scope 抗议。
  • 数据绑定和依赖注入: MVVM 设计中的所有内容都通过 UI 进行通信,无论何时发生任何变化。这消除了对包装器、getter/setter 或课程语句的要求。 AngularJS 处理所有这些,因此您可以像使用 JavaScript 原语(如集群)一样表达您的信息,也可以像通过自定义排序一样复杂(如您所愿)。由于一切都会随之发生,因此您将查询您的条件作为 AngularJS 中的参数,而不是一个庞大的 basic() 调用来执行您的代码。
  • 扩展 HTML:现在构建的大多数网站都是标签的怪物排列,语义清晰度很小。您希望形成广泛而详尽的 CSS 类来精确处理 DOM 中的每个问题。使用 Precise,您将能够像处理 XML 一样处理 HTML,从而为标签和特征提供无限可能的结果。 Precise 通过其 HTML 编译器和使用指令来根据您编写的新创建的句子结构触发行为来实现这一点。

Backbone js:它可能是一个基于 MVC 的 Javascript 系统,它可以让您在为扩展的应用程序编写隐蔽的代码方面有所不同。用他们自己的话来说,Backbone.js 为 Web 应用程序提供了结构,通过为模型提供键值官方和自定义场合、具有可枚举能力的丰富 API 的集合、处理解释性场合的 Sees,并将其全部连接到您现有的 API通过 Serene JSON 接口。在开发涉及 JavaScript 的一部分的 Web 应用程序时,您要学习的主要内容之一就是停止将您的信息绑定到 DOM。将 JavaScript 应用程序归结为纠结的 jQuery 选择器和回调堆也很简单,所有这些都试图快速将信息保存在 HTML UI、JavaScript 基本原理和服务器上的数据库之间的匹配中。对于丰富的客户端应用程序,更有条理的方法通常是支持性的。
使用 Backbone,您可以将您的信息作为模型来处理,这些模型可以被制作、批准、破坏和保存给服务器。无论何时 UI 活动导致节目的属性发生改变,节目都会触发“改变”场合;所有显示模型状态的 Sees 都可以被告知更改,以便他们能够适当地回复,使用现代数据重新渲染自己。在一个打包好的 Backbone 应用程序中,您不必编写查看 DOM 的代码来发现具有特定 id 的组件并在物理上彻底检查 HTML — 当显示发生变化时,视图本质上会自行升级。从哲学上讲,Backbone 致力于寻找可忽略的数据结构(模型和集合)和客户端接口(sees 和 URL)原语集,这些原语在使用 JavaScript 构建 Web 应用程序时大体上是有价值的。在总体环境中,为您决定一切的系统是司空见惯的,许多库需要重新组织您的位置以适应 Backbone.js。
例子:

javascript

<!DOCTYPE html>
<html>
    <head>
        <script src=
"https://code.jquery.com/jquery-3.1.0.min.js"></script>
        <script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js">
       </script>
 
        <script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js">
        </script>
         
        <script>
            $( function(){
                ( function(){
                    var View = Backbone.View.extend( {
                        "el": "body",
                        "template": _.template( "
<p>GeeksforGeeks</p>
" ),
     
                        "initialize": function(){
                            this.render();
                        },
                        "render": function(){
                            this.$el.html( this.template() );
                        }
                    } );
     
                    new View();
                })()
            } );
        </script>
    </head>
    <body>
    </body>
</html>

输出:

GeeksforGeeks

Backbone.js 的特点:

  • 事件驱动的通信:使用 jQuery 等系统制作小巧流畅的 Web 应用程序很简单。在任何情况下,当扩展开发时,jQuery 声明和回调会变得越来越复杂,并且分布在整个 put。代码变得越来越混乱且难以阅读。 Backbone.js 通过在视图和模型之间提供事件驱动的通信来简化这一点(以及我们目前为了轻松而忽略的其他组件)。您将能够将场合观众成员加入到模型的任何属性中,这使您可以非常细致地控制您在看到的内容中所做的更改。
  • 与后端同步: Backbone.js 中的模型可以轻松地绑定到后端。开箱即用的系统为 Tranquil API 提供了极好的支持,因为模型可以勾勒到一个松弛端点。如果 API 计划准确,spine 现在被安排去访问这些专门用于研究、编写和擦除操作(通过 GET、POST 和 Delete)。
  • 遵循约定的可维护性:传统是呈现通用编码方式的一种非凡方式,无需提出广泛的编码措施。在 Visual.ly,我们发现backbone.js 特别支持保持干净的代码库,尽管有不同的人在代码上进行协作。这里的神秘酱汁是呆滞。您越遵守(少数)主干约定,您编写的代码就越少,反过来,代码就越标准化和清晰。

Angular.jsBackbone js
  
AngularJS is a framework.BackboneJS is a lightweight easy-to-use library.
AngularJS could be a UI system in JS but based on Typescript.BackboneJS could be a UI system in JS based on MVC (Model View Controller) design pattern.
Dynamic and wealthy web pages for the SPA applications.Gives authoritative and custom occasion functionalities to web applications.
Bolsters integration with diverse systems, tools, and IDEs.Bolsters integration with diverse systems and web applications because it is lightweight to utilize.
It was moreover authorized beneath MIT and kept up by Google.It is licensed under MIT.


Made with ❤️ in Chengdu. Copyright reserved 2019-2022.

蜀ICP备20006366号-1