serviceWorker

用JS进行Base64编码、解码

js-base64').Base64js中的话可以使用window.btoa()//编码window.atob()//解码兼容IE10+，浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，ServiceWorker
avoidaily·2024-02-28 09:20

关于 Service Worker 和 Web 应用对应关系的讨论

Web开发领域引入ServiceWorker的动机用户希望应用程序能够在缓慢或不稳定的网络连接上启动，甚至在离线状态下启动。他们希望最近互动的内容（例如媒体曲目或门票和行程）处于持续可用状态。
·2024-02-11 18:06

pwa基础入门

初次学习，水平甚浅，这篇文章主要作为知识的汇总巩固，如果有错误的地方还请自由指出pwa是什么ProgressiveWebApp可以网页离线可访问（ServiceWorker）可以像原生应用一样添加到桌面
阿空阿空·2024-02-11 17:07

Chrome 浏览器插件 runtime 字段解析

运行时runtime使用chrome.runtimeAPI检索ServiceWorker，返回有关manifest.json的详细信息监听和响应应用或扩展程序生命周期中的事件还可以使用此API将网址的相对路径转换为完整的一个
gqkmiss·2024-01-27 16:47

Service Worker

ServiceWorker:应用、浏览器、与network之间的代理。拦截network请求，用某种策略更新资源。事件驱动。是一种worker，所以单独线程，所以不能访问DOM。
monvhh·2024-01-21 04:51

Chrome 浏览器插件 cookies API 解析

Chrome.cookie前端开发肯定少不了和cookie打交道，此文较详细的介绍下chrome.cookie的API以及在popup、serviceworker、content中如何获取的一、权限（Permissions
gqkmiss·2024-01-18 11:50

新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页

于是我找到我练习时候的代码，发现这里注册过serviceWorker←serviceWorker是什么，一句话概括核心功能就是拦截和处理网络请求，以编程方式管理响应缓存。看没
斯图尔te·2024-01-18 07:26

Chrome 浏览器插件 Manifest V3 版本中新增的 Service Worker 详细解析

ServiceWorker扩展程序ServiceWorker是扩展程序的核心事件处理脚本。
gqkmiss·2024-01-17 15:55

前端页面通信

websocket：需要服务端配合socket.io/websocket-node//广播：server.connections.forEach(()=>sendText)serviceworker：navigator.serviceWorker
一只重拾梦想的小水·2024-01-15 22:14

高级编程JavaScript。Notifications消息通知

NotificationsAPI在ServiceWorker中非常有用。渐进Web应用（PWA，ProgressiveWe
蓝斑.json (前端)·2024-01-15 20:25

跨页面通信实现方案

中转可以是一个BroadCastChannel实例、一个ServiceWorker或是LocalStorage。
jluemmmm·2024-01-10 21:41

Vue3 PWA 如何配置

具体参阅：https://www.vuemastery.com/blog/getting-started-with-pwas-and-vue3/看完就会了pwa需要网站是在https协议下的，不然不管用，像serviceWorker
十月ooOO·2024-01-09 19:21

首屏加载优化有哪些方案？

）使用CDN加速，将通用的库从vendor进行抽离Nginx的gzip压缩Vue异步组件服务端渲染SSR如果使用了一些UI库，采用按需加载Webpack开启gzip压缩如果首屏为登录页，可以做成多入口ServiceWorker
Virgil_x·2024-01-07 06:52

service worker 的使用实例源代码

有很多面试题里面，有关于serviceworker的，比如说关于浏览器的缓存。面试官问你，浏览器中的缓存位置有哪几种？
我有一棵树·2024-01-02 16:28

[react]脚手架create-react-app/vite与reac项目

create-react-app/vite与reac项目环境问题描述create-react-app脚手架根据脚手架修改项目结构安装脚手架注入配置文件-config文件夹package.json文件变更删除serviceWorker.js
三知之灵·2023-12-29 16:49

浏览器缓存机制（详）

目录1，缓存的分类1.1，按缓存位置1，ServiceWorker2，MemoryCache3，DiskCache4，PushCache1.2，按缓存类型强缓存ExpiresCache-control协商缓存
下雪天的夏风·2023-12-23 07:48

我们应该了解的前端缓存

对于单页应用程序，它实现无限期地缓存CSS、字体和图像文件，并防止缓存HTML文件和适用的serviceworker。该策略作为资源文件是可行的。它们的文件
dralexsanderl·2023-12-20 10:23

PWA 概念及核心功能的基本介绍

二.PWA核心功能2.1何谓ServiceWorker2.2注册ServiceWorker2.3ServiceWorker常用事件2.3.1install2.3.2fetch2.4Manifest2.5
Lyrelion·2023-12-02 13:46

vuepress-----9、PWA

#9、PWA使用babel的插件形式['@vuepress/pwa',{serviceWorker:true,updatePopup:{message:"Newcontentisavailable.",
悠闲的线程池·2023-11-30 18:54

用JS进行Base64编码、解码

  从IE10+浏览器开始，所有浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，ServiceWorker环境也可以使用。
小小的开发人员·2023-11-25 04:46

前端跨界面之间的通信解决方案

主要是这两个方案，其他的，还有SharedWorker、IndexedDB、WebSocket、ServiceWorker如果是，父子嵌套iframe还可以使用window.parent.postMessage
嘤嘤怪呆呆狗·2023-11-21 08:41

浏览器缓存

serviceworker：他可
海伦•·2023-11-16 09:03

Service Worker是什么?

ServiceWorker是一种在Web浏览器中运行的脚本，它独立于网页的上下文，并且可以在用户关闭网页后仍然在后台运行。
程序员大澈·2023-11-15 23:51

CSS注入的四种实现方式

注入窃取标签属性数据简单的一个实验：解决hidden方法1：js+node.js实现侧信道攻击方法2：对比波兰研究院的方案使用兄弟选择器方法3：js+websocket实现CSS注入实验实现：方法4：window.open结合serviceworker
未知百分百·2023-11-14 11:31

前端性能优化

衡量网站的性能的指标有很多，其中有项重要的指标就是网站的首屏时间，为此前端工程师们都是绞尽脑汁想尽办法进行优化自己的应用，诸如像服务端渲染，懒加载，CDN加速，ServiceWorker等等方法。
coder勇·2023-10-30 11:32

vue项目中，完全没有关联的页面怎么传递数据？(跨页面通信)

1.同源页面：ServiceWorker、LocalStorage、IndexDB、cookie、WebSocket2.非同源页面：可以通过嵌入同源iframe作为“桥”，将非同源页面通信转换为同源页面通信
想开了的美羊羊很机智·2023-10-28 14:08

前端跨页面通信，你知道哪些方法？

一、同源页面1.广播站模式一个页面将消息通知给一个“中央站”，再由“中央站”通知给各个页面，以下会介绍这个中央站可以是LocalStorage，可以是BroadCastChannel实例，也可以是一个Serviceworker1.1
是草莓味的啊·2023-10-28 14:01

PWA：网站离线访问

（用鼠标点击小恐龙会有惊喜）图1ServiceWorker是PWA的一个特性，可以让我们的网站在断网的情况也能访问。离线访问原理正常情况下，访问网站，浏览器会向服务端发送请求，服务端处理之后返回资源。
dkvirus·2023-10-26 05:09

一次js请求一般情况下有哪些地方会有缓存处理？

目录浏览器缓存：CDN缓存：代理服务器缓存：前端缓存：HTTP缓存头：ServiceWorker：客户端缓存库：服务器端缓存：在一次JavaScript请求中，缓存处理是提高性能、降低带宽消耗以及改善用户体验的关键因素
bug丶小狼人·2023-10-24 07:51

【面试题】中高级前端工程师都需要熟悉的技能--前端缓存

前端缓存一、前言二、web缓存分类1.HTTP缓存：2.浏览器缓存：3.ServiceWorker：4.WebStorage缓存：5.内存缓存：三、http缓存详解1、http缓存类型a.基于有效时间的缓存控制
网络真危险！！·2023-10-17 05:14

vite-plugin-pwa配置详解

vite-plugin-pwa配置详解前提：前端域名和后端服务域名相同时，用window.open新开页面下载或者导出文件，项目中导出和下载功能失效，原因是，域名相同走缓存实现serviceworker
yuan溜溜·2023-10-16 09:51

service worker实现静态资源缓存

serviceworker如何实现静态资源缓存和强制更新，请看如下示例：1、注册serviceworkerfunctionserviceWorker(){if(isLocalStorageAvailable
刘春强·2023-10-15 17:12

service workers跟页面dom交互

在ServiceWorker中假设你有一个ServiceWorker文件（service-worker.js），你可以监听messa
刘春强·2023-10-13 18:52

基于Google‘s FCM实现消息推送

当然，下面是一个简单的示例，演示了如何使用ServiceWorker和Google'sFirebaseCloudMessaging（FCM）来实现Web推送通知。
刘春强·2023-10-11 10:40

强缓存和协商缓存区别和过程

使用ServiceWorker的话，传输协议必须为HTTPS。内存缓存磁盘缓存推送缓存PushCache（推送缓存）是HTTP/2中的内容，当以上三种缓存都没有命中时，它才会被使用。
一月清辉·2023-10-11 10:57

ssr + service worker 实践

vue+ssr+serviceworker项目结构image.png项目搭建步骤vuecreatev3配置相关文件，参见：https://v3.vuejs.org/guide/ssr/structure.htm
努力学习的小丸子·2023-10-10 09:50

2.6.10 https配置

有些情况下你必须使用HTTPS，例如HTTP2和ServiceWorker就必须运行在HTTPS之上。
柠檬与断章·2023-10-08 16:12

PWA：Service Worker实现离线访问、域名失效启用备用域名......

具体可以看MDN的介绍怎么使用ServiceWorker1、注册脚本//useServiceWorker.tsnavigator.serviceWorker?.
大佬，咋整啊·2023-10-08 10:43

【前-WorkBox系列】官方文档教程说明

【第一章WorkBox简介】1.1什么是WorkBoxworkBox由许多node模块和插件库组成的一个库，可以轻松缓存资产并充分利ServiceWorker的特性用于构建ProgressiveWebApps
一颗语法糖·2023-10-06 18:57

浏览器缓存机制

文章目录为什么需要浏览器缓存浏览器缓存位置1.ServiceWorker2.MemoryCache3.DiskCache4.PushCache⭐浏览器缓存过程（HTTP头信息控制缓存）强制缓存ExpireCache-Control
爱吃炫迈·2023-10-06 12:35

浏览器缓存机制（性能优化）

浏览器响应浏览器缓存机制可以优化第一步和第三步------eg：直接使用缓存不发请求或发起请求但后端数据和前端一致，没必要将数据传回（减少响应数据）缓存位置：各自有优先级，依次查找没命中时，发起网路请求1.ServiceWorker2
山不转水转_c73e·2023-10-03 11:01

HMTL知识点系列（5）

4.什么是ServiceWorker，它与HTML和Web开发有何关系？5.你如何理解HTML中的盒模型和布局？你能描述一下CSS的盒模型和布局类型吗？6.什么是CSS预处理器，你如何使用
云边散步·2023-10-02 17:38

什么是Service Worker？它在PWA中的作用是什么？

聚沙成塔·每天进步一点点⭐专栏简介⭐ServiceWorker的作用是什么？⭐写在最后⭐专栏简介前端入门之旅：探索Web开发的奇妙世界欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！
几何心凉·2023-09-25 11:38

在项目中使用Service Worker 与 PWA

非常系统和完善，欢迎一起学习现代JavaScript高级小册深入浅出Dart现代TypeScript高级小册linwu的算法笔记引言最近next项目有使用pwa技术，使用起来也不复杂，目前浏览器的兼容性也比较良好ServiceWorker
·2023-09-24 13:56

如何快速将你的SPA应用改造成PWA应用

PWA是指渐进式web应用，一般由webappmanifest,serviceworker,appshell,notificationpush等部分组成。
前端收藏家·2023-09-17 18:15

PWA（渐进式 Web 应用）

PWA的特性ServiceWorker可编程的网
loble·2023-09-10 22:46

PWA ~

from'vite-plugin-pwa'exportdefaultdefineConfig({plugins:[VitePWA()]})env.d.ts///打包构建：registerSW.js注册serviceWorker
DGogoing·2023-09-04 01:59

PWA 缓存

目录一、PWA1、认识PWA2、用Manifest将web应用添加至主屏幕3、ServiceWorker（1）、什么是Serviceworker（2）、ServiceWorker缓存（3）、ServiceWorker
weixin79893765432...·2023-08-30 05:56

浏览器缓存机制-缓存位置

使用ServiceWorker的话，传输协议必须为HTTPS。因为ServiceWorker中涉及到请求拦截，所以
·2023-08-26 11:00

浏览器缓存机制-缓存位置

使用ServiceWorker的话，传输协议必须为HTTPS。因为ServiceWorker中涉及到请求拦截，所以
·2023-08-26 11:46
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他