Angular9 中文教程

教程说明:

认识 Angular 

Angular 这个名字专指现在和未来的 Angular 版本,而 AngularJS 专指 Angular 的所有 v1.x 版本。

Angular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。

大多数 Angular 代码都只能用最新的 Javascript 编写。它会用类型实现依赖注入,还会用装饰器来提供元数据。

Angular 版本更迭速度很快,但是每个版本均往前兼容1-2个版本。正常情况下,不会出现较大的跨越。


特性与优点:

1. 跨平台

    充分利用现代 Web 平台的各种能力,提供 App 式体验。高性能、离线使用、免安装。

    借助来自 Ionic、NativeScript 和 React Native 中的技术与思想,构建原生移动应用。

    借助你已经在 Web 开发中学过的能力,结合访问原生操作系统 API 的能力,创造能在桌面环境下安装的应用,横跨 Mac、   Windows 和 Linux 平台。

2. 速度与性能

    Angular 会把你的模板转换成代码,针对现代 JavaScript 虚拟机进行高度优化,轻松获得框架提供的高生产率,同时又能保留所有手写代码的优点。

    在服务端渲染应用的首屏,像只有 HTML 和 CSS 的页面那样几乎瞬间展现,支持 Node.js®、.NET、PHP,以及其它服务器,为通过 SEO 来优化站点铺平了道路。

    借助新的组件路由器,Angular 可以实现快速加载。自动代码拆分机制可以让用户仅仅加载那些用于渲染所请求页面的代码。

3. 生产率

    通过简单而强大的模板语法,快速创建 UI 视图。

    命令行工具:快速进入构建环节、添加组件和测试,然后立即部署。

    在常用 IDE 和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性。

4. 完整开发

    使用 Karma 进行单元测试,让你在每次存盘时都能立即知道是否弄坏了什么。Protractor 则让你的场景测试运行得又快又稳定。

    通过 Angular 中直观简便的 API 创建高性能复杂编排和动画时间线 —— 只要非常少的代码。

    通过支持 ARIA 的组件、开发者指南和内置的一体化测试基础设施,创建具有完备可访问性的应用。

 

本教程学前准备

在您进入该教程的学习之前,您应该对以下知识有基本的了解:

HTML5 教程

CSS3 教程

javascript 教程

和一些最新标准的相关知识。


本教程中的示例均使用最新标准下的Typescript进行展示。


Angular 相关教程

AngularJS 入门教程

AngularJS 教程

AngularJS 学习笔记

Angular2 教程

Angular4 教程

AngularJS EasyUI 教程


更多相关内容请在本站搜索关键词 angular


官方网址

Angular 中文版官网链接:https://angular.cn/


温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Anguler9 中文教程总览

Angular9 基础知识

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }