From af55e38d115b787ddaa21943c7ef6c52a19402b4 Mon Sep 17 00:00:00 2001 From: Yang Lin Date: Mon, 5 Dec 2016 20:12:49 +0800 Subject: [PATCH] Polish browser-support.jade --- .../docs/ts/latest/guide/browser-support.jade | 84 +++++++++++-------- 1 file changed, 49 insertions(+), 35 deletions(-) diff --git a/public/docs/ts/latest/guide/browser-support.jade b/public/docs/ts/latest/guide/browser-support.jade index cf9a56d752..68c20fd9cc 100644 --- a/public/docs/ts/latest/guide/browser-support.jade +++ b/public/docs/ts/latest/guide/browser-support.jade @@ -5,7 +5,7 @@ block includes :marked Angular supports most recent browsers. This includes the following specific versions: - Angular支持大多数常用浏览器，包括下列版本： + Angular 支持大多数常用浏览器，包括下列版本： table tr @@ -64,33 +64,33 @@ table using SauceLabs and Browserstack. - Angular在持续集成过程中，对每一个提交都会使用SauceLabs和 - Browserstack在上述所有浏览器上执行单元测试。 + Angular 在持续集成过程中，对每一个提交都会使用 SauceLabs 和 + Browserstack 在上述所有浏览器上执行单元测试。 :marked ## Polyfills # - ## 填充库（Polyfill） # + ## 填充库 (polyfill) # Angular is built on the latest standards of the web platform. Targeting such a wide range of browsers is challenging because they do not support all features of modern browsers. - Angular构建于Web平台的最新标准之上。 + Angular 构建于 Web 平台的最新标准之上。 要支持这么多浏览器是一个不小的挑战，因为它们不支持现代浏览器的所有特性。 You compensate by loading polyfill scripts ("polyfills") on the host web page (`index.html`) that implement missing features in JavaScript. - 你可以通过在宿主页面（`index.html`）中加载填充脚本（“polyfills”）来加以弥补，这些脚本实现了浏览器缺失的JavaScript特性。 + 你可以通过在宿主页面 (`index.html`) 中加载填充脚本 (“polyfills”) 来加以弥补，这些脚本实现了浏览器缺失的 JavaScript 特性。 +makeExample('quickstart/ts/index.html', 'polyfills')(format='.') :marked A particular browser may require at least one polyfill to run _any_ Angular application. You may need additional polyfills for specific features. - 要运行Angular应用，某些浏览器可能需要至少一个填充库。除此之外，如果要支持某些特定的特性，你可能还需要另一些填充库。 + 要运行 Angular 应用，某些浏览器可能需要至少一个填充库。除此之外，如果要支持某些特定的特性，你可能还需要另一些填充库。 The tables below will help you determine which polyfills to load, depending on the browsers you target and the features you use. - 下表将帮你决定该加载哪些填充库，具体取决于目标浏览器和要用到的特性。 + 下表将帮你决定加载哪些填充库，具体取决于目标浏览器和要用到的特性。 .alert.is-important :marked @@ -98,9 +98,9 @@ table You may need additional polyfills to support features not covered by this list. Note that polyfills cannot magically transform an old, slow browser into a modern, fast one. - 这些建议的填充库假设你运行的是完全由Angular书写的应用。 + 这些建议的填充库是运行完整 Angular 应用所需的。 你可能还会需要另一些的填充库来支持没有出现在此列表中的哪些特性。 - 注意，这些填充库并没有神奇的魔力来把老旧、慢速的浏览器变成现代、快速的浏览器，它只是填充了API。 + 注意，这些填充库并没有神奇的魔力来把老旧、慢速的浏览器变成现代、快速的浏览器，它只是填充了 API。 :marked ### Mandatory polyfills ## @@ -136,12 +136,12 @@ table ### 可选浏览器特性的填充库 ## Some features of Angular may require additional polyfills. - 有些Angular特性可能需要更多填充库。 + 有些 Angular 特性可能需要额外的填充库。 For example, the animations library relies on the standard web animation API, which is only available in Chrome and Firefox today. You'll need a polyfill to use animations in other browsers. - 比如，动画库依赖于标准的动画API，目前它只在Chrome和Firefox上可用。你可能需要一个填充库来在其它浏览器上使用动画功能。 + 例如，动画库依赖于标准的 web 动画 API，目前它只在 Chrome 和 Firefox 上可用。你可能需要一个填充库来在其它浏览器上使用动画功能。 Here are the features which may require additional polyfills: @@ -161,52 +161,65 @@ table tr(style="vertical-align: top") td - p a(href="./animations.html") Animations - p a(href="./animations.html") 动画 + p + a(href="./animations.html") Animations + p + a(href="./animations.html") 动画 td :marked [Web Animations](#web-animations) - [Web动画](#web-animations) + [Web 动画](#web-animations) td p All but Chrome and Firefox
Not supported in IE9 - p 除Chrome和Firefox外的所有，但不支持IE9 + p 除 Chrome 和 Firefox 外的所有，但不支持 IE9 tr(style="vertical-align: top") td - a(href="../api/common/index/DatePipe-pipe.html" target="_blank") Date - span , - a(href="../api/common/index/CurrencyPipe-pipe.html" target="_blank") currency - span , - a(href="../api/common/index/DecimalPipe-pipe.html" target="_blank") decimal - span 和 - a(href="../api/common/index/PercentPipe-pipe.html" target="_blank") percent - span 管道 + p + a(href="../api/common/index/DatePipe-pipe.html" target="_blank") Date + span , + a(href="../api/common/index/CurrencyPipe-pipe.html" target="_blank") currency + span , + a(href="../api/common/index/DecimalPipe-pipe.html" target="_blank") decimal + span and + a(href="../api/common/index/PercentPipe-pipe.html" target="_blank") percent + span pipes + p + a(href="../api/common/index/DatePipe-pipe.html" target="_blank") Date + span 、 + a(href="../api/common/index/CurrencyPipe-pipe.html" target="_blank") currency + span 、 + a(href="../api/common/index/DecimalPipe-pipe.html" target="_blank") decimal + span  和  + a(href="../api/common/index/PercentPipe-pipe.html" target="_blank") percent + span  管道 td :marked [Intl API](#intl) td p All but Chrome, Firefox, Edge, IE11 and Safari 10 - p 除了Chrome、Firefox、Edge、IE11和Safari 10外的所有浏览器 + p 除了 Chrome、Firefox、Edge、IE11 和 Safari 10 外的所有浏览器 tr(style="vertical-align: top") td - p. + p + a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass + span on SVG elements + p + span 在 SVG 元素上用  a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass - span on SVG elements - p. - 在SVG元素上用a(href="../api/common/index/NgClass-directive.html" target="_blank") NgClass td :marked [classList](#classlist) td IE10, IE11 tr(style="vertical-align: top") td - p. + p a(href="./server-communication.html") Http span when sending and receiving binary data - p. - span 用 + p + span 用  a(href="./server-communication.html") Http - span 发送和接受二进制数据 + span  发送和接受二进制数据 td :marked [Typed Array](#typedarray)
[Blob](#blob)
[FormData](#formdata) @@ -269,6 +282,7 @@ table td 0.4KB :marked - * Figures are for minified and gzipped code, computed with the closure compiler + \* Figures are for minified and gzipped code, computed with the closure compiler - * 这些指标测量的是最小化（minify）并且gzip过的代码，使用closure compiler计算出的结果。 + \* 这些指标测量的是最小化 (minify) 并且 gzip 过的代码，使用 closure compiler + 计算出的结果。