摘要：
一、node安装 如果出现2053、2052错误，用管理员权限运行cmd，再cmd下转到node安装目录，执行msiexec /package nodexxx.msi 二、安装ws 如果网络问题，无法安装，可用淘宝镜像安装，先到网站目录下，执行本地安装 npm install ws --regist 阅读全文
posted @ 2017-01-20 19:58
wonderhow
阅读(744)
评论(0)
推荐(0)
摘要：
一、安装nodejs，正常。 二、通过npm安装typescript，命令行输入npm install -g typescript，可能由于网络问题，一直卡在sill install loadAllDepsIntoIdealTree状态，安装无法完成。 解决办法，使用npm 淘宝镜像，命令行输入np 阅读全文
posted @ 2017-01-19 17:20
wonderhow
阅读(1634)
评论(0)
推荐(0)
摘要：
最后一步是将我们的天气应用部署在一个支撑 HTTPs 的服务器上。如果你目前还没有一个这样的主机，那么最简单（且免费）的方法绝对是使用我们的静态资源部署服务 Firebase。它非常容易使用，通过 HTTPs 来提供服务且在全球 CDN 中。 可优化的地方：压缩并内联 CSS 样式 还有一些你需要考 阅读全文
posted @ 2017-01-17 22:26
wonderhow
阅读(180)
评论(0)
推荐(0)
摘要：
没有人喜欢在手机的键盘上输入一长串的 URL，有了添加至主屏幕的功能，你的用户可以选择添加一个图标在他们的屏幕上，就像从应用商店安装一个原生应用那样。而且这儿添加一个图标是更加容易的。 Web 应用安装横幅和添加至主屏 web 应用安装横幅给你能够让用户快速地将 web 应用添加至他们的主屏的能力， 阅读全文
posted @ 2017-01-17 22:11
wonderhow
阅读(242)
评论(0)
推荐(0)
摘要：
选择一个正确的缓存策略是很重要的，并且这取决于你应用中使用的数据的类型。比如像天气信息、股票信息等对实时性要求较高的数据，应该时常被刷新，但是用户的头像或者文字内容应该以较低的频率进行更新。 先使用缓存后使用请求结果 的策略对于我们的应用是非常理想的选择。应用从缓存中获取数据，并立刻显示在屏幕上，然 阅读全文
posted @ 2017-01-17 22:08
wonderhow
阅读(1561)
评论(0)
推荐(0)
摘要：
Progressive Web Apps 是快速且可安装的，这意味着它能在在线、离线、断断续续或者缓慢的网络环境下使用。为了实现这个目标，我们需要使用一个 service worker 来缓存应用外壳，以保证它能始终迅速可用且可靠。 如果你对 service workers 不熟悉，你可以通过阅读 阅读全文
posted @ 2017-01-17 20:28
wonderhow
阅读(2232)
评论(0)
推荐(0)
摘要：
Progressive Web Apps 应该能够快速启动并且立即可用。目前，我们的天气应用能够快速启动，但是还不能使用，因为还没有数据。我们能够发起一个 AJAX 请求来获取数据，但是额外的请求会让初次加载时间变长。取而代之的方法是，在初次加载时提供真实的数据。 插入天气预报信息 在本实例中，我们 阅读全文
posted @ 2017-01-17 19:54
wonderhow
阅读(250)
评论(0)
推荐(0)
摘要：
任何项目都可以有多种起步方式，通常我们推荐使用 Web Starter Kit。但是，这里为了保持我们的项目 足够简单并专注于 Progressive Web Apps，我们提供了你所需的全部资源。关于Web Starter Kit，暂时没有往网上放（因为本人访问百度网盘都要FQ，速度太慢），可以翻 阅读全文
posted @ 2017-01-17 19:24
wonderhow
阅读(406)
评论(0)
推荐(0)
摘要：
什么是应用外壳(App Shell) App Shell是应用的用户界面所需的最基本的 HTML、CSS 和 JavaScript，也是一个用来确保应用有好多性能的组件。它的首次加载将会非常快，加载后立刻被缓存下来。这意味着应用的外壳不需要每次使用时都被下载，而是只加载需要的数据。 应用外壳的结构分 阅读全文
posted @ 2017-01-17 19:21
wonderhow
阅读(366)
评论(0)
推荐(0)
摘要：
下载示例代码 你可以下载本 progressive web app 引导指南需要的所有代码。 将下载好的zip文件进行解压缩。这将会解压缩一个名为(your-first-pwapp-master)的根文件夹。这文件夹包含了这指南你所需要的资源。 名为 step-NN 的文件夹则包含了这指南每个步骤的 阅读全文
posted @ 2017-01-17 19:18
wonderhow
阅读(287)
评论(0)
推荐(0)
浙公网安备 33010602011771号