Augular小白学习之道

1,631 阅读2分钟

前言:在学习angular之前,我们需要先认识它,了解它是干嘛的,所以我就根据我学习的过程来做的笔记,有什么不对的地方,可以给我建议,欢迎大家来阅读文章,谢谢大家

AugularJS简介与环境搭建

一、AugularJS是什么?

Augular是由谷歌开发与维护一个开发跨平台应用程序的框架,同时使用手机与桌面。

二、AugularJS有什么特性?(这里分为三个点来讲)

(1)基于Angular我们可以构建适用于所有平台的应用。比如:web应用、移动web应用、移动端应用和桌面应用等。

(2)通过Web Worker和服务端渲染(SSR),达到在如今Web平台上所能达到的最高渲染速度。

(3)Augular让你能够有效掌控可伸缩性。基于RxJS、Immutable.js和其他推送模型,能适应海量数据需求。

三、Angular提供了哪些功能?

分别有如下功能:

                ※ 动态的HTML

                ※ 强大的表单系统(模板驱动和模型驱动)

                ※ 强大的视图引擎

                ※ 事件处理

                ※ 快速的页面渲染

                ※ 灵活的路由

                ※ HTTP服务

                ※ 视图封装

                ※ AOT、Tree Shaking

四、Angular与AngularJS有什么区别?

  (1)不再有Controller和Scope

  (2)更好的组件化及代码复用

  (3)更好的移动端支持

  (4)引入了RxJS与Observable

  (5)引入了Zone.js,提供更加智能的变化检测

五、环境搭建

第一步:打开命令工具安装Angular 脚手架:npm install -g @angular/cli

第二步:检测Angular脚手架是否安装成功:ng --version 或 ng -v

第三步:创建新项目:ng new PROJECT-NAME    PROJECT-NAME(项目名称)

第四步:启动本地服务器:利用cd PROJECT-NAME(项目名称)-->你创建的项目名称,进入要运行的项目文件夹中,然后通过 ng serve 命令运行项目

项目目录介绍如下图所示:

注意:学习angular之前需要先把node.js的环境给配置好(下载node.js的应用程序,然后进行安装),然后才能安装angular脚手架(安装步骤都写在上面了