一、概述
尽管被称为Angular5
,实际上它只是这个诞生于2012年的前端框架的的第四个版本:
看起来差不多半年就发布一个新版本,不过实际上从重写的版本2
开始,开发
接口与核心思想就稳定下来了,并基本保持着与前序版本的兼容性。
在5
这个新的版本中,Angular
团队将改进重点放在以下特性方面:
- 更易于构建渐进式
Web
应用 —— __P__rogressive __W__eb __A__pp - 使用构建优化器剔除无用代码,以获得更小的应用、更快的网络加载时间
- 使物化设计组件兼容服务端渲染
PWA
是Google
提出的一个标准,旨在让Web应用在移动终端上获得媲美原生
应用的用户体验。一个PWA
应用主要利用Service Worker
和浏览器缓存来
提省交互体验,它不仅可以直接部署在手机桌面,而且可以离线应用:
二、引入angular环境
Angular
推荐使用TypeScript
来开发应用,这要求使用一个在线
编译器(JIT
)实时编译代码,或者在开发期采用预编译器(AOT
)提前编译代码。
为了避免这个繁琐的过程影响对Angular
框架本质的思考,我们将这些
必需品进行了必要的配置和打包,以便适应在线编写和实验。现在只需要引入
一个库a5-loader
就可以了。
下图是库的构成示意,其中的蓝色部件均打包在库中:
你可能注意到Angular
框架并不是蓝色的。的确,我们没有把它打包在a5-loader
中,
而是让模块加载器(SystemJS
)根据应用的需要自动加载。这么做的目的,是为了
让应用代码,和后续课程中采用的后端构建方法保持一致。
如果你对这个库有兴趣,可以访问github上的 http://github.com/hubwiz/a5-loader 仓库。
三、创建Angular组件
Angular
是面向组件的前端开发框架。如果你从事