angular-cn/public/features.jade

167 lines
8.3 KiB
Plaintext
Raw Normal View History

<!-- 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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 速度与性能
p.text-body.
Angular 2的性能相对Angular 1已经有了戏剧性的提升包括通过服务端渲染完成初次加载、离线编译来获得更快的启动速度、超快的变更检测以及通过视图缓存来实现平滑的虚拟滚动和干净利落的场景切换。
<!-- 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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 简单而丰富
p.text-body.
通过自然、易写的语法,清晰表达你的意图。降低开发组的复杂度:新的、富结构化的模板富有可读性,容易被快速理解。
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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 跨平台
p.text-body.
学习Angular 2让你有了一个工具可以构建桌面应用、移动网页、安卓版应用、iOS版应用。Angular Universal提供了一个服务端渲染工具可以快速的在移动设备上提供起始页面。Ionic和NativeScript让你构建混合式hybrid和原生界面的移动应用。Web worker让你的应用界面保持迅速及时的响应而不用担心负载过重。
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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 从Angular 1无缝升级
p.text-body.
使用ngUpgrade API可以一小步一小步的把Angular 2的组件、指令、管道、服务等混入Angular1应用完成无缝平滑升级。
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 full support for
ES5, TypeScript, and Dart, Angular 2 works equally well with ES2015 and other languages
that compile to JavaScript.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 灵活的开发
p.text-body.
选择什么语言取决于你。它不仅完全支持ES5、TypeScript和DartAngular 2在ES2015和其他能编译成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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 全面的路由
p.text-body.
经过精密设计的视图:
映射URL路径到应用组件
使用嵌套路由、兄弟路由等高级特性。
为移动用户Angular 2提供了卡片式导航、转场动画和延迟加载特性。
如果你还在使用来自Angular老版本的路由你可以轻易迁移到Angular 2路由。
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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 依赖注入
p.text-body.
Angular 2具有强力、易于使用的依赖注入机制允许你管理模块化的应用而不用写枯燥的胶水代码。
通过让注入测试副本,依赖注入可以帮助你更容易的写测试。
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+.
2016-04-09 12:38:38 -04:00
.c7
h3.text-headline.text-uppercase 老旧浏览器支持
p.text-body.
除了完全支持Chrome、Edge、Firefox、IE和Safari的最新版本外Angular2还支持老旧浏览器如IE9+、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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 动画
p.text-body.
[开发中]通过简单易用的Angular事件在移动和桌面环境下深入底层提供动画支持。
你可以使用CSS、JavaScript和Web Animations API来智能处理动画的变化来响应用户事件。
还计划通过控制整个网站在时间线上的一连串行为来支持复杂的动画流程。
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.
2016-04-09 12:38:38 -04:00
h3.text-headline.text-uppercase 国际化(I18N)与可访问性
p.text-body(ng-non-bindable).
[开发中] 抵达所有用户。可以在Angular插值表达式中使用熟悉的ICU消息格式包括复数化和性别化规则。
自动提取消息、伪本地化和翻译更新。
为每一个区域locale生成一个静态应用。
通过自动生成相应的ARIA属性可以更容易的通过屏幕阅读器和辅助设备提升可访问性。
2015-02-26 09:45:32 -05:00
2015-03-04 20:20:40 -05:00
!= partial("/_includes/_cta-bar")