Flutter和 Angular 的区别

Flutter： Flutter是 Google 的移动 SDK，用于从单个代码库构建原生 iOS 和 Android、桌面（Windows、Linux、macOS）、Web 应用程序。它是一个于 2017 年 5 月创建的开源框架。使用Flutter构建应用程序时，一切都指向flutter构建 Flutter 应用程序的块。它们是带有一堆特定于材料设计的功能的结构元素，新的小部件也可以由现有的小部件组成。将小部件组合在一起的过程称为组合。该应用程序的用户界面由许多简单的小部件组成，每个小部件都处理一项特定的工作。

软件开发工具包包含许多可帮助您处理应用程序的工具。其中一些工具使您能够将代码编译为 iOS 和 Android 上的本机机器代码。它由基于小部件的 UI 库组成，即它由可重用的用户界面元素（按钮、文本字段、滑块等）组成，可以根据您的要求进行重构或修改。

用于开发Flutter应用程序的编程语言是Dart。 Dart是一种类型化的对象编程语言，由 Google 于 2011 年 10 月创建，但在过去几年中得到了很大改进。它用于开发移动和 Web 应用程序。 Dart的主要重点是前端开发。

Flutter的优点：

• Flutter在 Android 和 iOS 两个平台上都使用了一个名为Dart的代码库，这是一种确保类型安全的简单语言。
• Flutter未绑定到小部件系统的 ROM。因此，它增强了其在广泛的 Android 版本上的可移植性，从而降低了它对主机平台的依赖。
• Flutter语言和社区都在以极快的速度发展，发布新功能、小部件和附加组件。
• Dart和Flutter紧密合作，为Flutter特别需要的手机优化dart虚拟机（VM）。

让我们通过一个例子来理解这个概念。

例子：

Dart

import 'package:flutter/material.dart';
  
void main() {
    runApp(GeeksForGeeks());
}
  
class GeeksForGeeks extends StatelessWidget {
  
    Widget build(BuildContext context) {
  
        // Material App
        return MaterialApp(
  
            // Scaffold Widget
            home: Scaffold(
                appBar: AppBar(
  
                    // AppBar takes a Text Widget
                    // in it's title parameter
                    title: Text('GeeksforGeeks'),
                ),
                body: Center(child: Text(
                'A Computer Science portal for geeks')),
            )
        );
    }
}

输出：

更多信息请参考Flutter教程&官网 flutter_docs

Angular： Angular 是一个开源前端框架，主要用于开发单页 Web 应用程序（SPA） 。它是一个用 TypeScript 编写的 JavaScript 框架。作为一个框架，它为开发人员提供了一个标准结构，使他们能够以易于维护的方式创建大型应用程序。它是一个不断增长和扩展的框架，为开发 Web 应用程序提供了更好的方法。它将静态 HTML 更改为动态 HTML。

“Angular”这个名称只是指框架的各种版本。 Angular 是在 2009 年开发的。

角的主要特点：

模型视图控制器（MVC）：架构基本上是用于开发应用程序的软件模式。它通常由三个组件组成，它们是：

• 模型：用于管理应用程序数据。
• View：负责展示应用数据。
• Controller：主要工作是连接模型和视图组件。

通常，当我们谈论 MVC 架构时，我们必须将我们的应用程序拆分为这三个组件，然后编写代码将它们连接起来。然而，在 AngularJs 中，我们所要做的就是将应用程序拆分为 MVC，其余的由它自己完成。它节省了大量时间，并允许您用更少的代码完成工作。

数据模型绑定： AngularJS 中的数据绑定是一个双向过程，即 MVC 架构的视图层是模型层的精确副本。您无需编写特殊代码即可将数据绑定到 HTML 控件。通常在其他 MVC 架构中，我们必须不断更新视图层和模型层以保持彼此同步。在 AngularJs 中，可以说模型层和视图层保持相互同步。就像模型中的数据发生变化时，视图层会反映变化，反之亦然。它会立即自动发生，这有助于确保模型和视图始终更新。

其他一些功能是：

• 自定义组件
• 依赖注入
• 浏览器兼容性

我们将通过一个例子来理解这个概念。

例子：

HTML

  
    AngularJS ng-app Directive
  
    
    
  
  
  
    ng-app directive
  
    
      {{ name }} is the portal for geeks.
  
    
  

输出：

Flutter和 Angular 的区别：

S.No.	Flutter	Angular
1.	Flutter is a Google UI toolkit for crafting beautiful, natively compiled applications for desktop, web and mobile from a single codebase.	Angular is a framework that is most suited to your application development. It is fully extensible and works well with other libraries.
2.	It is written in Dart languages.	It is written and developed in Windows Typescript language
3.	Flutter supports only mobile OS.	Angular supports both mobile and computer OS.
4.	Offers faster apps.	Offers comparatively slower.
5.	Comparatively lesser stability.	Offers a lot more stability.
6.	It does not support the 32-bit version of any app in iOS.	It supports the 32-bit version.
7.	Flutter works as SDK.	Angular works as a building block of the user interface.
8.	It uses components like Flutter Engine, Foundation library and Dart platform.	It uses components like Type Components, Data Binding and Dependency Injection.
9.	In flutter, operating systems design specific widgets to construct the applications.	In angular, service components are used to build the applications.
10.	Companies using flutter are Alibaba, Hamilton Musical, Abbey Road Studios app, Reflecting etc.	Companies using angular are Microsoft Office, Upwork, General Motors, YouTube, HBO etc.