Skip to content

Commit

Permalink
convert to markdown for some sections
Browse files Browse the repository at this point in the history
  • Loading branch information
yin1999 committed Aug 10, 2022
1 parent 4f803cd commit 7f766cc
Show file tree
Hide file tree
Showing 19 changed files with 1,455 additions and 1,683 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -177,9 +177,6 @@ console.log(eval(s2.valueOf())); // returns the number 4
- : **通过一串 Unicode 创建字符串。**
- {{jsxref("String.fromCodePoint()")}} {{experimental_inline}}
- : 通过一串 码点 创建字符串。

<!---->

- {{jsxref("String.raw()")}} {{experimental_inline}}
- : 通过模板字符串创建字符串。

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -57,8 +57,6 @@ NaN % 2 // NaN

## 相关链接

<!---->

- [Addition operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Addition)
- [Subtraction operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Subtraction)
- [Division operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Division)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,6 @@ continue [ label ];
与 {{jsxref("Statements/break", "break")}} 语句的区别在于, continue 并不会终止循环的迭代,而是:

- 在 {{jsxref("Statements/while", "while")}} 循环中,控制流跳转回条件判断;

<!---->

- 在 {{jsxref("Statements/for", "for")}} 循环中,控制流跳转到更新语句。

`continue` 语句可以包含一个可选的标号以控制程序跳转到指定循环的下一次迭代,而非当前循环。此时要求 `continue` 语句在对应的循环内部。
Expand Down
204 changes: 99 additions & 105 deletions files/zh-cn/web/progressive_web_apps/add_to_home_screen/index.md

Large diffs are not rendered by default.

96 changes: 40 additions & 56 deletions files/zh-cn/web/progressive_web_apps/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,71 +11,55 @@ tags:
- 渐进式增强的 Web 应用程序
translation_of: Web/Progressive_web_apps
---
<p>PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。这组文档和指南告诉您有关 PWA 的所有信息。</p>
PWA(Progressive Web Apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。这些应用无处不在、功能丰富,使其具有与原生应用相同的用户体验优势。这组文档和指南告诉您有关 PWA 的所有信息。

<h2 id="PWA_的优势">PWA 的优势</h2>
## PWA 的优势

<p>PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节,请参阅 <a href="/zh-CN/docs/Web/Apps/Progressive/Advantages">PWA 的优势</a>。关于如何实施 PWA,请参阅下面列出的指南。</p>
PWA 是可被发现、易安装、可链接、独立于网络、渐进式、可重用、响应性和安全的。关于这些含义的细节,请参阅 [PWA 的优势](/zh-CN/docs/Web/Apps/Progressive/Advantages)。关于如何实施 PWA,请参阅下面列出的指南。

<h2 id="核心_PWA_指南">核心 PWA 指南</h2>
## 核心 PWA 指南

<p>以下指南通过简单的示例和工作原理,展示了实施 PWA 需要做什么。</p>
以下指南通过简单的示例和工作原理,展示了实施 PWA 需要做什么。

<ol>
<li><a href="/zh-CN/docs/Web/Apps/Progressive/Introduction">PWA 介绍</a></li>
<li><a href="/zh-CN/docs/Web/Apps/Progressive/App_structure">PWA 结构</a></li>
<li><a href="/zh-CN/docs/Web/Progressive_web_apps/Offline_Service_workers">通过 Service workers 让 PWA 离线工作</a></li>
<li><a href="/zh-CN/docs/Web/Progressive_web_apps/Installable_PWAs">让 PWA 易于安装</a></li>
<li><a href="/zh-CN/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push">通过通知推送让 PWA 可重用</a></li>
<li><a href="/zh-CN/docs/Web/Progressive_web_apps/Loading">渐进式加载</a></li>
</ol>
1. [PWA 介绍](/zh-CN/docs/Web/Apps/Progressive/Introduction)
2. [PWA 结构](/zh-CN/docs/Web/Apps/Progressive/App_structure)
3. [通过 Service workers 让 PWA 离线工作](/zh-CN/docs/Web/Progressive_web_apps/Offline_Service_workers)
4. [让 PWA 易于安装](/zh-CN/docs/Web/Progressive_web_apps/Installable_PWAs)
5. [通过通知推送让 PWA 可重用](/zh-CN/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push)
6. [渐进式加载](/zh-CN/docs/Web/Progressive_web_apps/Loading)

<div class="column-container">
<div class="column-half">
<h2 id="技术指南">技术指南</h2>
## 技术指南

<ul>
<li><a href="/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage">用户端存储</a> — 关于如何使用 Web 存储、IndexedDB 和 Service workers 的指南。</li>
<li><a href="/zh-CN/docs/Web/API/Service_Worker_API/Using_Service_Workers">使用 Service workers</a> — 关于 Service Worker API 的深入指南。</li>
<li><a href="/zh-CN/docs/Web/API/IndexedDB_API/Using_IndexedDB">使用 IndexedDB</a> — 有关 IndexedDB 的知识与细节。</li>
<li><a href="/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">使用 Web 存储 API</a> — Web 存储 API 简化了工作。</li>
<li><a href="https://developers.google.com/web/updates/2015/11/app-shell">使用应用 Shell 架构的快速加载的 Web 应用</a> — 使用 App Shell 编码模式创建快速加载的应用的指南。</li>
<li><a href="/zh-CN/docs/Web/API/Push_API/Using_the_Push_API">使用推送 API</a> — 了解 Web Push API 背后的知识。</li>
<li><a href="/zh-CN/docs/Web/API/Notifications_API/Using_the_Notifications_API">使用通知 API</a> — 换言之,Web 通知。</li>
<li><a href="/zh-CN/docs/Web/Apps/Modern/Responsive/responsive_design_building_blocks">响应式设计的构建模块</a> — 学习响应式设计的基础知识,也是现代应用布局的基本话题。</li>
<li><a href="/zh-CN/docs/Web/Apps/Modern/Responsive/Mobile_first">移动优先</a> — 在创建响应式应用程序布局时,通常将移动布局创建为默认并在顶部构建更宽的布局。</li>
<li><a href="/zh-CN/docs/Web/Progressive_web_apps/Add_to_home_screen">“添加到主屏幕”指南</a> — 了解如何利用添加到主屏幕(A2HS)。</li>
</ul>
</div>
- [用户端存储](/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage) — 关于如何使用 Web 存储、IndexedDB 和 Service workers 的指南。
- [使用 Service workers](/zh-CN/docs/Web/API/Service_Worker_API/Using_Service_Workers) — 关于 Service Worker API 的深入指南。
- [使用 IndexedDB](/zh-CN/docs/Web/API/IndexedDB_API/Using_IndexedDB) — 有关 IndexedDB 的知识与细节。
- [使用 Web 存储 API](/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API) — Web 存储 API 简化了工作。
- [使用应用 Shell 架构的快速加载的 Web 应用](https://developers.google.com/web/updates/2015/11/app-shell) — 使用 App Shell 编码模式创建快速加载的应用的指南。
- [使用推送 API](/zh-CN/docs/Web/API/Push_API/Using_the_Push_API) — 了解 Web Push API 背后的知识。
- [使用通知 API](/zh-CN/docs/Web/API/Notifications_API/Using_the_Notifications_API) — 换言之,Web 通知。
- [响应式设计的构建模块](/zh-CN/docs/Web/Apps/Modern/Responsive/responsive_design_building_blocks) — 学习响应式设计的基础知识,也是现代应用布局的基本话题。
- [移动优先](/zh-CN/docs/Web/Apps/Modern/Responsive/Mobile_first) — 在创建响应式应用程序布局时,通常将移动布局创建为默认并在顶部构建更宽的布局。
- [“添加到主屏幕”指南](/zh-CN/docs/Web/Progressive_web_apps/Add_to_home_screen) — 了解如何利用添加到主屏幕(A2HS)。

<div class="column-half">
<h2 id="工具">工具</h2>
## 工具

<ul>
<li><a href="https://localforage.github.io/localForage/">localForage</a> — 小而妙的 JavaScript 库,它能使客户端数据储存很简单;默认使用 IndexDB,也能在需要时回滚到 Web SQL/Web 存储。</li>
<li><a href="https://github.com/fxos-components/serviceworkerware">ServiceWorkerWare</a> — 类似 Express 的简易 Service Worker 开发微框架。</li>
<li><a href="https://github.com/mozilla/oghliner">oghliner</a> — 不只是模板,还是部署离线 Web 应用到 GitHub Pages 的工具。</li>
<li><a href="https://github.com/GoogleChrome/sw-precache">sw-precache</a> — 一个用于生成预缓存特定资源的 Service Worker 代码的模块。</li>
<li><a href="https://github.com/GoogleChrome/workbox">workbox</a> — sw-precache 的精神后继者,支持更高级的缓存策略和简易的预缓存功能。</li>
<li><a href="https://www.talater.com/upup/">upup</a> — 保证站点对用户永远在线的一段小脚本。</li>
<li><a href="https://serviceworke.rs/">The service worker cookbook</a> — 一系列关于 Service Worker 和推送的优秀章法,着眼于离线应用,而超乎离线应用。</li>
</ul>
</div>
</div>
- [localForage](https://localforage.github.io/localForage/) — 小而妙的 JavaScript 库,它能使客户端数据储存很简单;默认使用 IndexDB,也能在需要时回滚到 Web SQL/Web 存储。
- [ServiceWorkerWare](https://github.com/fxos-components/serviceworkerware) — 类似 Express 的简易 Service Worker 开发微框架。
- [oghliner](https://github.com/mozilla/oghliner) — 不只是模板,还是部署离线 Web 应用到 GitHub Pages 的工具。
- [sw-precache](https://github.com/GoogleChrome/sw-precache) — 一个用于生成预缓存特定资源的 Service Worker 代码的模块。
- [workbox](https://github.com/GoogleChrome/workbox) — sw-precache 的精神后继者,支持更高级的缓存策略和简易的预缓存功能。
- [upup](https://www.talater.com/upup/) — 保证站点对用户永远在线的一段小脚本。
- [The service worker cookbook](https://serviceworke.rs/) — 一系列关于 Service Worker 和推送的优秀章法,着眼于离线应用,而超乎离线应用。

<h2 id="相关链接">相关链接</h2>
## 相关链接

<ul>
<li>Google Developers 上的<a href="https://developers.google.com/web/progressive-web-apps">Progressive web apps</a></li>
<li><a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh">Progressive Web Apps: Escaping Tabs Without Losing Our Soul</a>,由 Alex Russell 撰写</li>
<li><a href="https://developers.google.com/web/progressive-web-apps/checklist">Progressive Web Apps 清单</a></li>
<li>来自 Google 的 <a href="https://developers.google.com/web/tools/lighthouse">Lighthouse Tool</a></li>
<li><a href="https://github.com/angular/mobile-toolkit">Tools for building progressive web apps with Angular</a></li>
<li><a href="https://github.com/codebusking/react-pwa-guide-kit">React PWA Guide Kit</a></li>
<li><a href="https://www.pokedex.org/">Offline-capable Pokédex web site</a></li>
<li>
<p><a href="https://hnpwa.com/">Hacker News readers as Progressive Web Apps</a></p>
</li>
</ul>
- Google Developers 上的[Progressive web apps](https://developers.google.com/web/progressive-web-apps)
- [Progressive Web Apps: Escaping Tabs Without Losing Our Soul](https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955#.6czgj0myh),由 Alex Russell 撰写
- [Progressive Web Apps 清单](https://developers.google.com/web/progressive-web-apps/checklist)
- 来自 Google 的 [Lighthouse Tool](https://developers.google.com/web/tools/lighthouse)
- [Tools for building progressive web apps with Angular](https://github.com/angular/mobile-toolkit)
- [React PWA Guide Kit](https://github.com/codebusking/react-pwa-guide-kit)
- [Offline-capable Pokédex web site](https://www.pokedex.org/)
- [Hacker News readers as Progressive Web Apps](https://hnpwa.com/)

<div>{{QuickLinksWithSubpages("/zh-CN/docs/Web/Apps/Progressive/")}}</div>
{{QuickLinksWithSubpages("/zh-CN/docs/Web/Apps/Progressive/")}}
Loading

0 comments on commit 7f766cc

Please sign in to comment.