ServiceWorker

Service Worker Cache 和 HTTP Cache 的区别

本文阐述在ServiceWorker缓存和HTTP缓存层中使用一致或不同的过期逻辑的优缺点。
·2022-08-04 22:00

Service Worker cache 相比 HTTP cache 的一些优点

除了对缓存逻辑能提供更细粒度的控制之外，ServiceWorker缓存还提供：为您的源提供更多内存和存储空间：浏览器按源分配HTTP缓存资源。换句话说，如果您有多个子域，它们都共享相同的HTTP缓存。
·2022-08-04 21:00

Service Worker Cache 和 HTTP Cache 联合使用的场景讨论

场景1：Long-termcaching(Cache,fallingbacktonetwork)当缓存资源有效时（30天）时：ServiceWorker去网络获取资源。
·2022-08-04 21:59

在 Chrome 开发者工具里通过 network 选项模拟网站的离线访问模式

ServiceWorker缓存API的一个主要优点是它为您提供了比内置浏览器缓存更详细的控制。
·2022-08-04 21:58

Angular 里的 Service Worker

从5.0.0版本开始，Angular附带了一个ServiceWorker实现。
·2022-08-04 21:58

关于 Angular PWA 应用中的 ngsw.json 文件

ServiceWorker响应Angular应用程序对本地缓存中的资源或数据的请求，而无需等待网络。与任何缓存一样，ServiceWorker缓存具有内容过期和更新方式的规则。
·2022-08-04 21:58

Angular 应用要启用 Service Worker 所需满足的一些前提条件

当前SAP电商云SpartacusUI使用的Angular版本：^13.3.0要注册ServiceWorker，必须通过HTTPS而不是HTTP访问应用程序。
·2022-08-04 21:56

Service Worker

上回研究WebWorker时偶然看到了ServiceWorker（后文简称sw），这次来学习一下。Serviceworkers本质上充当Web应用程序、浏览器与网络（可用时）之间的代理服务器。
绝尘kinoko·2022-05-28 10:16

Angular 开发者 2021 调查报告

Angular包含了框架、CLI、组件和ServiceWorker等模块。在被问及各部分的协同工作情况时，85%的开发者认为Angular的不同模块可以很好地协同工作。Angular团队
·2022-05-19 11:07

ServiceWorker 缓存与 HTTP 缓存

虽然ServiceWorker和PWA正在成为现代Web应用程序的标准，但浏览器资源缓存变得比以往任何时候都复杂。
·2022-04-21 13:31

前端缓存机制提升网站性能 - Service Worker

其核心技术包括WebAppManifest，WebPush，ServiceWorker和CacheApi等，用户体验才是PWA的核心。
·2022-03-21 09:20

前端缓存机制提升网站性能 - Service Worker

其核心技术包括WebAppManifest，WebPush，ServiceWorker和CacheApi等，用户体验才是PWA的核心。
·2022-03-17 18:18

PWA 实践/应用（Google Workbox）

PWA它不是特指某一项技术，而是应用多项技术来改善用户体验的WebApp，其核心技术包括WebAppManifest、ServiceWorker、WebPush等，用户体验才是PWA的核心。
·2022-03-11 15:51

深入了解现代网络浏览器（第 2 部分）

它从浏览器进程开始一个简单的导航栏第1步：处理输入第2步：开始导航第3步：阅读与回复第4步：查找渲染器进程第5步：提交导航额外步骤：初始加载完成如果是ServiceWorker导航预载结语翻译自深入了解现代网络浏览器
王子王子聪·2022-02-18 11:43

Service worker

1.Serviceworker是什么？serviceworker的出现，是为了能够使webapp拥有与nativeapp或者本地应用程序相同的离线使用、消息推送、后台自动更新的能力。
Ching_Lee·2022-02-09 02:50

Javascript：用Service Worker做一个离线网页应用

参考资料MDN---ServiceWorkerAPIServiceWorkers:anIntroduction服务工作线程生命周期ServiceWorkerCookbook（收集了ServiceWorker
Lxylona·2022-02-08 10:35

缓存的运用-Web离线应用解决方案—ServiceWorker

Web离线应用解决方案—ServiceWorker内容概要1.http请求过程(仅关于缓存部分)2.强缓存3.对比缓存4.httpheader(仅关于缓存部分)5.三级缓存6.简述缓存服务器7.正向代理
尛傑·2022-02-05 06:38

chrome插件教程4-处理页面和入口之间的通信

我们知道了如何定义chrome的各种入口和页面.那如何来处理页面和入口之间的通信呢.由于定义的页面和入口更多.各种之间的通信尤为重要.这里只介绍contentscript,popup,options,serviceworker
·2022-01-18 18:29

精读《深入了解现代浏览器三》

浏览器tab内html、css、javascript内容基本上都由rendererprocess的主线程处理，除了一些js代码会放在webworker或serviceworker内，所以浏览器主线程核心工作就是解析
·2021-12-19 16:57

Vue项目 - 首屏加载优化方案总结

将通用的库从vendor进行抽离3.Nginx的gzip压缩4.Vue异步组件5.服务端渲染SSR6.如果使用了一些UI库，采用按需加载7.Webpack开启gzip压缩8.如果首屏为登录页，可以做成多入口9.ServiceWorker
·2021-09-26 21:18

前端面试每日 3+1 —— 第881天

[js]使用js写个方法判断两个时间段是否有交集[软技能]如果提升serviceworker命中率？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
·2021-09-13 08:11

面向未来的前端开发模式 - 写于2021年

借助WebAssembly的强大功能、现代浏览器API（如Web/ServiceWorker和SharedArrayBuffer）以及对硬件的访问增加，释放Web全部潜力的要素已经创
·2021-08-03 21:39

angular service worker搭配workbox使用

原文链接略过前言直接进入主题什么是ServiceWorker？ServiceWorker是一个相对较新的技术，用于在应用中运行执行Javascript代码，即使用户还没有打开页面。
琢磨先生lf·2021-06-20 23:00

浏览器原理-浏览器缓存和本地存储篇

浏览器缓存资源的位置放置四个地方ServiceWorker,MemoryCache,DiskCache,
·2021-06-19 08:42

Service worker 简介

Serviceworker的概念和用法Serviceworker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页
·2021-06-18 22:51

【译】Flutter 2.2中的新功能

snewinFlutter2.2作者：ChrisSells发布时间：2021.05.20Flutter2.2版本的重点是打磨和优化，包括iOS的性能改进、Android的延迟组件、更新Flutterweb的serviceworker
唯鹿·2021-05-20 15:52

网易云课堂 Service Worker 运用与实践

前言本文首先会简单介绍下前端的常见缓存方式，再引入ServiceWorker的概念，针对其原理和如何运用进行介绍。
有道技术团队·2021-05-20 11:32

PWA 调研

developers.google.com/web/progressive-web-apps/checklist基础检查HTTPS响应式设计首页是被离线的mainfest可以添加到首屏mainfest3G网络下10秒内完成加载serviceworker
溪离欣洛·2021-05-16 04:02

Service Workers里的CacheStorage和Cache

CacheStorage和Cache，是两个与缓存有关的接口，用于管理当前网页/WebApp的缓存；在使用ServiceWorker时基本都会用到。它们跟数据库有点类似，
butterandfly·2021-05-13 04:34

PWA学习

前提条件ServiceWorker出于安全性和其实现原理，在使用的时候有一定的前提条件。由于ServiceWorker要求HTTPS的环境，我们通常可以借助于githubpage进行学习调试。
AAA前端·2021-04-29 10:33

页面渲染

浏览器打开页面的过程解析URLDNS解析浏定览器并不保证一会去解析域名，可能会根据当前的网络、负载等状况做决定建立TCP/IP链接或跨域HTTP请求和响应缓存：serviceworker缓存强缓存/协商缓存
wfield·2021-04-25 17:43

前端缓存

缓存首先得有个位置放置，共有4个：serviceworker:浏览器与服务器之间的中间人角色，可以自由控制缓存文件memorycache：内存缓存，一般用来缓存html页，图片，脚本等diskcache
·2021-03-22 14:25

前端缓存

缓存首先得有个位置放置，共有4个：serviceworker:浏览器与服务器之间的中间人角色，可以自由控制缓存文件memorycache：内存缓存，一般用来缓存html页，图片，脚本等diskcache
·2021-03-19 17:10

Fetch

FetchAjaxfetch基于Promise，不使用回调函数基于回调，回调嵌套，回调地狱采用模块化设计，API分散在Request、Response、Headers对象上，使之可以应用到更多场景中，比如serviceworker
一蓑烟雨任平生_cui·2021-03-17 19:34

Service Worker 简介

其实我们绝大部分情况是在干一件事情，那就是尽量降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时ServiceWorker有以下功能和特性：一个独立的worker线程，独立于当前网页进程
__越过山丘__·2021-03-11 14:26

浏览器缓存的理解与应用

缓存的位置缓存按位置区分可以分为四种，ServiceWorker，MemoryCache，DiskCache，P
张婷张婷呀·2021-01-03 02:36

PWA：Service worker生命周期事件对网络资源的处理

servicesworker注册window.onload=function(){//网页加载完执行if('serviceWorker'innavigator){//浏览器兼容navigator.serviceWorker.register
FakeOccupational·2021-01-02 15:04

Service Workers - JavaScript API 简介

github地址：https://github.com/qq44924588...serviceworker是什么ServiceWorker是Chrome团队提出和力推的一个WEBAPI，用于给web应用提供高级的可
前端小智·2020-12-03 08:04

Service Workers - JavaScript API 简介

github地址：https://github.com/qq44924588...serviceworker是什么ServiceWorker是Chrome团队提出和力推的一个WEBAPI，用于给web应用提供高级的可
前端小智·2020-12-03 08:02

我的前端知识清单

html方向html4标签html5标签，语义化，媒体标签等svgcanvaswebworkersmanifestpwa：serviceworker（workbox）css方向css2语法css3新语法
孟思行·2020-11-23 10:27

jsliang 求职系列 - 20 - 浏览器缓存

一目录不折腾的前端，和咸鱼有什么区别目录一目录二前言三缓存位置 3.1ServiceWorker 3.2MemoryCache 3.3DiskCache 3.4PushCache四缓存过程五缓存机制 5.1
jsliang·2020-11-21 10:34

jsliang 求职系列 - 20 - 浏览器缓存

一目录不折腾的前端，和咸鱼有什么区别目录一目录二前言三缓存位置 3.1ServiceWorker 3.2MemoryCache 3.3DiskCache 3.4PushCache四缓存过程五缓存机制 5.1
jsliang·2020-11-21 09:43

前端面试复习必读文章【超三百篇】

目录一.JavaScript基础1.1执行上下文/作用域链/闭包1.2this/call/apply/bind1.3原型/继承1.4Promise1.5深浅拷贝1.6事件机制1.7函数式编程1.8ServiceWorker
AwesomeCPA·2020-10-22 10:14

react redux的简单使用

/serviceWorker';//渲染问题import{BrowserRouter
web修理工·2020-09-17 09:53

当前端也拥有 Server 的能力

它是浏览器Request/Response的缓存管理工具，其使用风格和运用场景让我瞬间联想到了ServiceWorker和FetchAPI，相信很多同学也多次看到过这两个东西，本文会对它们做一个简洁的介绍
detuan20000827·2020-09-16 22:31

渐进式网页应用（PWA）

目录PWAWeb应用VS本地应用ServiceWorker设计思路浏览器三大进化路线：应用程序Web化Web应用移动化Web操作系统化主要说一下第二个：Web应用移动化对于收集设备来说，前有本地App，
张小益达·2020-09-16 03:24

Service Worker概念和应用介绍

Serviceworkers本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理.Serviceworker是一个注册在指定源和路径下的事件驱动worker。
刘翾·2020-09-15 10:41

react入坑（一）点击按钮加减

/serviceWorker';//ReactDOM.render(,document.getElementById('root'));
酷酷的旭·2020-09-12 21:16

Service Worker ——这应该是一个挺全面的整理

我在之前有空的时候粗略学习了一下ServiceWorker；最近有空，所以花时间再去学习了下。我在这里整理了下，希望对大家有帮助。同时，如果文章中有错误或者描述不当的地方，欢迎大家能够帮我指正，谢谢。
weixin_33670786·2020-09-12 14:36

service worker 是什么？看这篇就够了

serviceworker是什么一句话概括一个服务器与浏览器之间的中间人角色，如果网站中注册了serviceworker那么它可以拦截当前网站所有的请求，进行判断（需要编写相应的判断程序），如果需要向服务器发起请求的就转给服务器
林除夕·2020-08-24 15:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他