Angular 是什么样的东西?
首先
上次我们介绍了AngularJS。
这一次我想要介绍的是Angular这个框架。
而且,我还希望能介绍一下Angular与上次介绍的AngularJS的区别。
Angular是一個…
Angular是一個由Google公司開發的JavaScript框架。它非常受歡迎,在WEB應用程式開發中,被廣泛使用的JavaScript框架之一,與React等並列。它是基於MIT開放原始碼許可證進行分發。
AngularJS和Angular之间的区别
Angular在开发初期被称为”AngularJS”。但是当它升级到版本2时,改名为”Angular”。
但是,它的内部发生了重大变化。
AngularJS是基于JavaScript的框架,而在升级版本时改为了基于TypeScript。因此,Angular和AngularJS之间没有兼容性。
优点/缺点
以下是中文的本地化翻译选项:
【优点】
・可以进行前端功能开发
Angular不仅仅是用于构建用户界面,还包含了路由和状态管理等前端开发所需的一整套功能。
特别是无需添加任何新库,即可轻松开始前端开发的便利性是其优势。
・能够兼容所有平台
通常开发Web应用程序时,需要考虑PC、智能手机、平板电脑等的运作情况。然而,Angular可以用于开发适用于Web、移动Web、本机移动设备、本机桌面等各种目标的应用程序。
【缺点】
学习TypeScript是必须的。React和VueJS是另外的框架,可以选择是否使用TypeScript进行开发。但是,Angular的逻辑编写必须使用TypeScript,因此在开发中必须具备TypeScript的知识。对于那些没有学习过TypeScript的人来说,Angular的开发会有一定的难度,因为需要掌握TypeScript的规范,例如类型定义等。
根据开发规模来看,Angular可能会有过于冗余的功能。Angular配备了多种前端开发所需的功能,但是在开发规模较小的个人网站等场景下,并不需要状态管理功能。因此,在开发过程中需要注意,因为有些不必要的功能会随之而来。
Angular的主要功能
• MVC(MVW)
MVC(MVW)是一种应用程序设计的思维方法之一。
从“Model(模型)”、“View(视图)”、“Controller(控制器)”的首字母衍生出MVC,而将“Controller(控制器)”替换为“Whatever(任意)”则为MVW。
通过组合它们,可以实现一个应用程序的工作方式。实际上,MVC和MVW之间没有太大区别,所以我们不必太过在意,接下来让我们继续往前走吧。
在MVC(MVW)中,为了使应用程序的设计更加顺畅,我们将处理数据的部分(Model)、创建界面(如HTML和CSS等)的部分(View)以及处理其他细节控制的部分(Controller或Whatever)等具有不同角色的程序分开(在不同的文件中进行管理),而不混在一起。
・创建组件很快
创建组件有两个优点:
– 可以在多个页面上重复使用相似的元素。
– 每个页面的HTML变得更容易读写。
如果要更改组件内的元素,只需更改组件的部分,而无需修改每个页面。
可以使用名为”angular-cli”的命令行工具来创建组件。
使用此CLI可以更快地创建组件。
使用以下命令创建组件,将在指定的组件名称和位置创建.html、.css、.ts、.spec.ts文件。
ng g component (コンポーネント名) (作成する場所)
下雨天的时候,我喜欢在家里听音乐,看书或者看电影。
最后
為了理解Angular,我們簡單介紹了基礎知識。Angular可以簡單地用一句話來描述,它是由Google開發的用於JavaScript的開源web應用框架。希望對你有所幫助。讓我們試著使用Angular進行開發吧。