Service Workers“早”知道?

最近关于Service Workers的研究与讨论日益增多,今天就给我大家来梳理一些资源,让大家一睹为快!!

1.啥是Service workers?

我们知道原生App拥有的富离线体验,如定时静默更新,消息通知推送等功能,曾经是是web应用“羡慕嫉妒恨”的功能。有了Service Worker,Web APP也可以拥有这些功能。

简单来说,Service Workers赋予Web APP以非常好的离线体验,赋予开发者离线数据的管理能力。

欲知详情请大家移步下列资源获取更多信息:

  1. html5rocksservice workers introduction
  2. w3ctech对html5rocks introduction的翻译 Service Worker 入门
  3. W3C吴小倩的报告游戏规则改变者 Service Worker
  4. Service Workers让Web应用感觉更像是原生应用

2.Service Workers准备好了吗?

2.1 兼容性

对于任何一个新的功能,兼容性都是不容忽视的,对吧,各位前端er。

来看下Caniuse的数据(截止2015/11/16)。

2.2 特性支持与polyfill

下面是来自于isServiceWorkerReady?的数据。

3. 如何使用Service Workers?

来具体了解Service Wokers的使用方式,API文档、使用案例、样例APP。

  1. 官方文档
  2. MDN的Service Worker API
  3. MDN的Using Service Workers
  4. ServiceWorker: Revolution of the Web Platform
  5. My first Service Worker
  6. CSS-tricks的Making a Simple Site Work Offline with ServiceWorker
  7. ponyfoo.com的Making a Progressive App with ServiceWorker
  8. 一些案例ServiceWorkersDemos

4.声明

爱前端,乐分享。FedFun希望与您共同进步。

欢迎任何形式的转载,烦请注明装载,保留本段文字。

独立博客http://whqet.github.io

新浪微博http://weibo.com/FedFun

极客头条http://geek.csdn.net/user/publishlist/whqet

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-12-14 06:51:26

Service Workers“早”知道?的相关文章

使用 Service Workers 来预缓存应用外壳

Progressive Web Apps 是快速且可安装的,这意味着它能在在线.离线.断断续续或者缓慢的网络环境下使用.为了实现这个目标,我们需要使用一个 service worker 来缓存应用外壳,以保证它能始终迅速可用且可靠. 如果你对 service workers 不熟悉,你可以通过阅读 介绍 Service Workers 来了解关于它能做什么,它的生命周期是如何工作的等等知识. service workers 提供的是一种应该被理解为渐进增强的特性,这些特性仅仅作用于支持servi

Using Service Workers

[Using Service Workers] 1.This is an experimental technology Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology

JS开发者调查

0. 目录 目录 引言 正文 1 您书写那种类型的Javascript 2 您在哪里使用Javascript 3 您使用Javascript多长时间了 4 您使用那种编译成JS的语言 5 您更倾向于那种样式风格 6 您使用那些ES5特性 7 您使用那些ES6特性 8 您是否书写测试 9 您是否运行持续集成CI测试 10 您如何运行测试 11 您使用那种单元测试库 12 您使用那种代码质量工具 13 您如何处理客户端依赖 14 您倾向于哪种脚本构建方案 15 您倾向于哪种JS模块加载工具 16 您

认识 service worker

离线缓存可以提升用户体验,可以节省网络资源,但是,浏览器对资源缓存和自定义网络请求的控制一直不够完善,service worker 的出现就是为了解决这些问题 它可以解决目前离线应用的问题,同时也可以做更多的事. Service Worker 可以使应用先访问本地缓存资源,所以在离线状态时,在没有通过网络接收到更多的数据前,仍可以提供基本的功能(Offline First).这是原生APP 本来就支持的功能,这也是相比于 web app,原生 app 更受青睐的主要原因. 开始使用 有些浏览器版

借助Service Worker和cacheStorage缓存及离线开发 (转载)

一.缓存和离线开发 说得HTML5离线开发,我们通常第一反应是使用html5 manifest缓存技术,此技术已经出现很多年了,我以前多次了解过,也见过一些实践案例,但是却从未在博客中介绍过,因为并不看好. 为什么不看好呢?用一句话解释就是“投入产出比有些低”. 对于web应用,掉线不能使用是理所当然的,绝不会有哪个开发人员会因为网页在没网的时候打不开被测试MM提bug,或者被用户投诉,所以,我们的web页面不支持离线完全不会有什么影响.但如果我们希望支持离线,会发现,我投入的精力和成本啊还真不

PWA之Service work

原文 简书原文:https://www.jianshu.com/p/84a4553d81a8 大纲 1.Service Workers: PWA 的关键 2.理解 Service Workers 3.Service Worker 生命周期 4.Service Worker 基础示例 1.Service Workers: PWA 的关键 正如我之前所提到的,释放 PWA 力量的关键在于 Service Workers .就其核心来说,Service Workers 只是后台运行的 worker 脚

PWA之 Service worker

渐进式 Web 应用(Progressive Web Apps,也被称为 PWAs)是 Web 技术方面一项令人兴奋的创新.PWA 混合了多项技术,能够让 Web 应用的功能类似于原生移动应用.它为开发人员和用户带来的收益能够突破纯 Web 解决方案和纯原生解决方案的限制: 你只需要一个按照开放.标准 W3C Web 技术开发的应用,不需要开发单独的原生代码库: 用户在安装之前就能发现并尝试你的应用: 没有必要使用 AppStore,无需遵循复杂的规则或支付费用.应用程序会自动更新,无需用户交互

Service Worker基础知识整理

Service Worker是什么 service worker 是独立于当前页面的一段运行在浏览器后台进程里的脚本.它的特性将包括推送消息,背景后台同步, geofencing(地理围栏定位),拦截和处理网络请求. 这个 API 会让人兴奋的原因是,它可以使你的应用先访问本地缓存资源,所以在离线状态时,在没有通过网络接收到更多的数据前,仍可以提供基本的功能(一般称之为 Offline First). 在 service worker 之前,另一个叫做 APP Cache 的 api 也可以提供

HTML5 indexedDB前端本地存储数据库实例教程 (转载)

一.indexedDB为何替代了Web SQL Database? 跟小朋友的教育从来没有什么“赢在起跑线”这种说法一样,在前端领域,也不是哪来先出来哪个就在日后引领风骚的. HTML5 indexedDB和Web SQL Database都是本地数据库数据存储,Web SQL Database数据库要出来的更早,然并卵.从2010年11月18日W3C宣布舍弃Web SQL database草案开始,就已经注定Web SQL Database数据库是明日黄花. 未来一定是indexedDB的,从