114 lines
4.7 KiB
HTML
Executable File
114 lines
4.7 KiB
HTML
Executable File
<header class="marketing-banner">
|
||
<h1 class="banner-headline no-toc no-anchor">特性与优点</h1>
|
||
</header>
|
||
|
||
<article>
|
||
<div class="flex-center">
|
||
<div>
|
||
<div class="feature-section">
|
||
<div class="feature-header">
|
||
<div class="text-headline">跨平台</div>
|
||
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
|
||
</div>
|
||
<div class="feature-row">
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">渐进式应用</div>
|
||
<p class="text-body">充分利用现代 Web 平台的各种能力，提供 App 式体验。高性能、离线使用、免安装。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">原生</div>
|
||
<p class="text-body">借助来自Ionic、NativeScript和React Native中的技术与思想，构建原生移动应用。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">桌面</div>
|
||
<p class="text-body">借助你已经在Web开发中学过的能力，结合访问原生操作系统API的能力，创造能在桌面环境下安装的应用，横跨Mac、Windows和Linux平台。</p>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
</div>
|
||
|
||
<div class="feature-section">
|
||
<div class="feature-header">
|
||
<div class="text-headline">速度与性能</div>
|
||
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
|
||
</div>
|
||
<div class="feature-row">
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">代码生成</div>
|
||
<p class="text-body">Angular会把你的模板转换成代码，针对现代JavaScript虚拟机进行高度优化，轻松获得框架提供的高生产率，同时又能保留所有手写代码的优点。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">统一平台</div>
|
||
<p class="text-body">在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">代码拆分</div>
|
||
<p class="text-body">在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。</p>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
</div>
|
||
|
||
<div class="feature-section">
|
||
<div class="feature-header">
|
||
<div class="text-headline">生产率</div>
|
||
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
|
||
</div>
|
||
<div class="feature-row">
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">模板</div>
|
||
<p class="text-body">通过简单而强大的模板语法，快速创建UI视图。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">Angular CLI</div>
|
||
<p class="text-body">命令行工具：快速进入构建环节、添加组件和测试，然后立即部署。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">各种 IDE</div>
|
||
<p class="text-body">在常用IDE和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性。</p>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
</div>
|
||
|
||
<div class="feature-section">
|
||
<div class="feature-header">
|
||
<div class="text-headline">完整开发故事</div>
|
||
<img src="generated/images/marketing/features/feature-icon.svg" height="70px">
|
||
</div>
|
||
<div class="feature-row">
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">测试</div>
|
||
<p class="text-body">使用Karma进行单元测试，让你在每次存盘时都能立即知道是否弄坏了什么。Protractor则让你的场景测试运行得又快又稳定。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">动画</div>
|
||
<p class="text-body">通过Angular中直观简便的API创建高性能复杂编排和动画时间线 —— 只要非常少的代码。</p>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<div class="feature-title">可访问性</div>
|
||
<p class="text-body">通过支持ARIA的组件、开发者指南和内置的一体化测试基础设施，创建具有完备可访问性的应用。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cta-bar announcement-bar">
|
||
<a class="button" href="guide/quickstart">立即开始</a>
|
||
</div>
|
||
|
||
</article>
|