Anguar 7 新增特性

这是一篇译文,主要是带自己熟悉新特性(哈哈,好像自己很熟悉的样子)

全家桶都升级了

7.0.0 是Angular的整个平台升级版本,其包含核心框架、素材库、CLI脚手架。

如何更新到V7

v6中已经启用了update 脚手架命令,因此v6到v7理论上只需要一条命令

ng update @angular/cli @angular/core

详细的说明去拜访 update.angular.io
据说,更新速度贼快!

CLI 提示

CLI在运行常用命令时增加了提示信息,以帮助你发现路由或SCSS支持。
CLI 提示增加了 Schematics ——你可以理解为增强的模板脚手架工具,你可以自定义自己的文件模板。

性能

1、 默认在生产中删除 reflect-metadata
2、 利用CLI的打包

"budgets": [{
  "type": "initial",
  "maximumWarning": "2mb",
  "maximumError": "5mb"
}]

材料库的更新

在这里插入图片描述

虚拟滚动

虚拟滚动基于列表的可见部分从DOM加载和卸载元素,从而可以为具有非常大的可滚动列表的用户构建非常快速的体验。

<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">
  <div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>
</cdk-virtual-scroll-viewport>

拖拽

在这里插入图片描述

Angular 元素

支持绘制自定义元素

<my-custom-element>This content can be projected!</my-custom-element>

社区项目支持

  • Angular Console  - 一个可下载的控制台,用于在本地计算机上启动和运行Angular项目
  • @angular / fire  - AngularFire在npm上有一个新家,并为Angular提供了第一个稳定的版本
  • NativeScript  - 现在可以使用NativeScript为Web和已安装的移动设备构建单个项目
  • StackBlitz  - StackBlitz 2.0已经发布,现在包括 Angular语言服务,以及更多功能,如选项卡式编辑

依赖更新

  • TypeScript 3.1
  • RxJs 6.3
  • Nodejs 10

下一代渲染引擎

一项名为Ivy的新计划  - 我们的下一代渲染管道。Ivy目前正在积极开发中,不属于v7版本。

引用链接

  1. 口袋代码仓库
  2. 在线计算器
  3. 本节源码:github

猜你喜欢

转载自blog.csdn.net/webmote/article/details/84100831