angular-docs-cn/public/features.jade

133 lines
5.1 KiB
Plaintext
Raw Normal View History

2015-02-28 15:06:30 -05:00
<!-- Speed & Performance -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-av-timer"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Speed &amp; Performance
2015-03-04 20:20:40 -05:00
p.text-body.
Angular 2 is dramatically faster than Angular 1 with support for fast initial loads through
server-side pre-rendering, offline compile for fast startup, and ultrafast change detection
and view caching for smooth virtual scrolling and snappy view transitions.
2015-02-28 15:06:30 -05:00
<!-- Simplicity -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon is-small icon-embed2"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Simple &amp; Expressive
2015-03-04 20:20:40 -05:00
p.text-body.
Make your intention clear using natural, easy-to-write syntax.
Reduce complexity for your team: new, structure-rich templates are
readable and easy to understand at a glance.
2015-02-28 15:06:30 -05:00
<!-- Cross-Platform -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-stay-current-portrait"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Cross Platform
2015-03-04 20:20:40 -05:00
p.text-body.
Learning Angular 2 gives you the tools you need to build apps for desktop, mobile web,
Android, and iOS. Angular Universal provides for server-side rendering for fast initial
views on mobile web. Ionic and NativeScript let you build hybrid and native UI mobile apps.
Web worker support keeps your app UI fully responsive no matter how heavy the load.
2015-02-28 15:06:30 -05:00
<!-- Seamless Upgrade -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-web"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Seamless Upgrade from Angular 1
2015-03-04 20:20:40 -05:00
p.text-body.
Upgrade your Angular 1 application at your own pace by mixing in Angular 2 components,
directives, pipes, services and more by using the ngUpgrade APIs.
2015-02-28 15:06:30 -05:00
<!-- Flexible Development -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-favorite"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Flexible Development
2015-03-04 20:20:40 -05:00
p.text-body.
The choice of language is up to you. In addition to providing full support for ES5 and
TypeScript, and Dart, Angular 2 works equally well with ES6, Dart, and other languages that
compile to JavaScript.
2015-02-28 15:06:30 -05:00
<!-- Routing -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-call-split"></span>
.c7
h3.text-headline.text-uppercase Comprehensive Routing
2015-03-04 20:20:40 -05:00
p.text-body.
Design sophisticated views:
map URL paths to application components,
and use advanced features like nested and sibling routes.
Angular 2 supports card stack navigation, animated transitions, and
lazy loading for mobile users.
If you already use routing from a prior version of Angular,
you can easily migrate to Angular 2 routing.
2015-02-28 15:06:30 -05:00
<!-- Dependency Injection -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-now-widgets"></span>
.c7
h3.text-headline.text-uppercase Dependency Injection
2015-03-04 20:20:40 -05:00
p.text-body.
Angular 2 ships with powerful, yet simple-to-use dependency injection,
allowing you to maintain modular applications without writing tedious glue code.
Dependency injection helps you write tests
by making it easy to inject test doubles.
2015-02-28 15:06:30 -05:00
<!-- Legacy Browsers -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-fast-forward"></span>
.c7
h3.text-headline.text-uppercase Legacy Browser Support
p.text-body.
In addition to fully supporting latest versions of Chrome, Edge, Firefox, IE, and Safari,
Angular 2 is also tested for older browsers including IE9+ and Android 4.1+.
2015-02-28 15:06:30 -05:00
<!-- Animations -->
2015-02-28 15:06:30 -05:00
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-flip"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Animations
2015-03-04 20:20:40 -05:00
p.text-body.
[Under development] Tap directly into low-level animation support on
mobile and desktop environments with easy-to-use Angular events.
You can use CSS, JavaScript, and the Web Animations API to
intelligently handle changes to animations in response to user events.
Plan complex animation flows by sequencing the behavior of
an entire website on a timeline.
2015-02-28 15:06:30 -05:00
<!-- Internationalization & Accessibility -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-accessibility"></span>
.c7
h3.text-headline.text-uppercase Internationalization (I18N) &amp; Accessibility
2015-03-04 20:20:40 -05:00
p.text-body(ng-non-bindable).
[Under development] Reach all your users.
2015-03-04 20:20:40 -05:00
Use the familiar ICU message format in Angular interpolation syntax
(<b>{{ }}</b>), including pluralization and gender rules.
Automate message extraction, pseudo-localization, and translation updates.
Generate static applications for each locale.
Easily promote accessibility via screen readers and assistive devices by automatically
generating appropriate ARIA attributes.
2015-02-26 09:45:32 -05:00
2015-03-04 20:20:40 -05:00
!= partial("/_includes/_cta-bar")