骨架页面（Skeleton Page）指的是当你打开一个 H5 页面，在页面解析和数据加载之前，首先给用户展示页面的大概样式。在骨架页面中，图片、文字、图标都将通过灰色矩形块来展示，在真实页面展示之前，用户能够感知到即将加载页面的基本 CSS 样式和页面布局。饿了么移动 web…

一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。 是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。 Reliable…

Service Worker 是一段脚本，与 Web Worker 一样，也是在后台运行。作为一个独立的线程，运行环境与普通脚本不同，所以不能直接参与 Web 交互行为。Native App 可以做到离线使用、消息推送、后台自动更新，Service Worker 的出现是正是为…

自 Vue.js 官方推特第一次公开到现在，我们就一直在进行着将饿了么移动端网站升级为 Progressive Web App 的工作。直到近日在 Google I/O 2017 上登台亮相，才终于算告一段落。我们非常荣幸能够发布全世界第一个专门面向国内用户的 PWA，但更荣幸的是能与 Google、UC 以及腾讯合作，一起推动国内 web 与浏览器生态的发展。

前段日子有空，粗略学习了一下 Service Worker ；最近重新复习了下，并且把内容整理后写在这里，希望对大家有所帮助。 同时，如果文章中有错误或者描述不当的地方，欢迎大家能够帮我指正，谢谢。 PS：文章很长，含有大量示例代码。大家可以慢慢看：） 作为一个比较新的技术，大…

当前web应用在移动时代并没有达到其在桌面设备上流行的程度，下面有张图来对比与原生应用之间的差别。 假如能解决以上的几点，对web app 来说会有多大的提升可以想象。 PWA 全称Progressive Web Apps(渐进式Web应用程序)，旨在使用现有的web技术提供用…

前面说过，让Web App能够达到Native App外观体验的主要实现技术就是PWA中的manifest技术，本章会详细说明manifest的实现，及各个参数的具体含义，还将了解如何定义Web App的启动图标、启动样式等

之前自己根据网上的教程学习写了几个PWA的小Demo，觉得PWA很有意思，想要更多的了解一下PWA，所以读了这本书。这本书是MANNIN出版社出的，所以书里的代码都有非常棒的注释，因此这篇笔记不会展开讲代码，而是着重于描述PWA的功能以及常见的问题和解决方法。 1. 什么是PW…