E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
serviceWorker
前端开发核心:HTML、CSS与JavaScript学习指南
同时,介绍了响应式设计、Web组件、
ServiceWorker
等现代前
Randy Rhoads
·
2025-07-07 10:04
实现篇:手把手打造一个番茄时钟
文章目录第一步:明确需求第二步:拆解应用功能第三步:代码实现index.html文件styles.css文件script.js文件ManifestFile(manifest.json文件)
ServiceWorker
村头的猫
·
2025-06-14 06:27
前端技术实现
javascript
前端
html
css
PWA 的背景以及实现方式
PWA的背景以及实现方式目录PWA的背景以及实现方式一、PWA的背景二、PWA的核心特性三、PWA的实现方式1.添加WebAppManifest2.注册
ServiceWorker
3.使用HTTPS4.响应式设计
超级土豆粉
·
2025-06-08 13:49
前端技术沉淀指南
前端
web
app
Chrome拓展(Chrome Extension)开发定时任务插件
Chrome扩展定时任务插件开发指南核心实现原理使用ChromeAlarmsAPI实现定时触发通过
ServiceWorker
保持后台运行本地存储保存任务配置开发步骤创建manifest文件(manifest.json
酷爱码
·
2025-05-17 15:56
经验分享
chrome
windows
前端
前端缓存踩坑指南:如何优雅地解决浏览器缓存问题?
你可能遇到过这些情况:部署上线了,结果用户还在加载旧的JS;接口数据改了,页面却还拿着几分钟前的老版本;
ServiceWorker
缓了一大堆东西,结果连新页面都加载不出来……一、浏览器缓存到底是怎么一回事
qq_39279448
·
2025-05-11 20:42
前端
缓存
红宝书第五十二讲:零基础PWA技术全解析:Service Worker + 离线缓存
红宝书第五十二讲:零基础PWA技术全解析:
ServiceWorker
+离线缓存资料取自《JavaScript高级程序设计(第5版)》。
·
2025-04-19 14:52
前端javascript
vscode造成c盘空间占用剧增
c盘用户文件夹下AppData\Roaming\Code\
ServiceWorker
\CacheStorage缓存占用空间大,很可能是因为vscode的pdf插件每次加载pdf累计造成容量很大。
蓝点004
·
2025-04-19 05:20
vscode
Service Worker
文章目录简介主要功能生命周期代码演示使用Workbox快速生成
ServiceWorker
安装WorkboxCLI初始化Workbox配置生成
ServiceWorker
注册
ServiceWorker
离线功能缓存静态资源拦截请求并返回缓存测试离线功能简介什么是
._Ha!n.
·
2025-04-08 10:07
前端
前端多线程革命:深入探索 Worker 技术的应用与未来
本文将带您深入探索WebWorker、
ServiceWorker
和Worklet
斯~内克
·
2025-04-02 19:26
javaScript
前端
javascript
前端基础入门三大核心之HTML篇:PWA入门指南 —— 理解与构建现代化Web应用
前端基础入门三大核心之HTML篇:PWA入门指南——理解与构建现代化Web应用PWA基本概念与优势关键技术组件构建PWA实战第一步:启用HTTPS第二步:创建WebAppManifest第三步:实现
ServiceWorker
DTcode7
·
2025-03-26 02:21
HTML网站开发
#
前端基础入门三大核心之html
HTML5
前端
web
前端三大核心
网页开发
Service Worker 实现离线应用思路
1背景本地运行一个vue项目,界面如下:使用
ServiceWorker
对其进行缓存,预期在停止运行项目时(模拟离线场景)也能够正常访问项目2缓存的资源分析检查network,浏览器访问:http://localhost
诚诚程程成
·
2025-03-25 10:20
前端
前端
前端缓存接口数据
在前端缓存接口数据时,可以结合浏览器缓存策略、前端存储(localStorage、sessionStorage、IndexedDB)、内存缓存(变量存储)、
ServiceWorker
等方式,选择适合的方案
jjjjjjjjj¢
·
2025-03-17 21:18
笔记
前端
Google Chrome 60版本的全新特性与优势
新版浏览器通过升级V8JavaScript引擎,增强WebAssembly支持,改进CSSGrid布局,更新
ServiceWorker
,增强安全性,改进开发者工具,增加新的WebAPI,优化性能,增强隐私控制以及支持
xinwuji312
·
2025-03-12 13:19
BroadcastChannel 通讯原理
BroadcastChannel是一种用于在同一来源(同一协议、主机名和端口号)下不同浏览器上下文(如标签页、iframe、Worker、
ServiceWorker
)之间进行消息广播的API。
A-Kamen
·
2025-03-10 18:08
前端
前端
javascript
开发语言
js能不能清楚浏览器缓存?
使用
ServiceWorker
:如果你正在使用
ServiceWorker
来管理缓存,你可以编写代码来控制哪些资源应该被
涔溪
·
2025-01-23 02:35
js
javascript
缓存
开发语言
用JS进行Base64编码、解码
js-base64').Base64js中的话可以使用window.btoa()//编码window.atob()//解码兼容IE10+,浏览器就原生提供了Base64编码、解码方法,不仅可以用于浏览器环境,
ServiceWorker
avoidaily
·
2024-02-28 09:20
javascript
开发语言
ecmascript
关于 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
前端
Chrome
浏览器插件
chrome
前端
runtime
chrome
插件
浏览器插件
Message
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
前端
Chrome
浏览器插件
chrome
网络
前端
Chrome.cookies
浏览器插件
chrome
devtools
新建vue3项目,启动后访问http://localhost:3000/,发现页面不是vue3项目首页
于是我找到我练习时候的代码,发现这里注册过
serviceWorker
←
serviceWorker
是什么,一句话概括核心功能就是拦截和处理网络请求,以编程方式管理响应缓存。看没
斯图尔te
·
2024-01-18 07:26
#
Vue
#
JavaScript
http
Cache
Storage
serviceWorker
缓存
Chrome 浏览器插件 Manifest V3 版本中新增的 Service Worker 详细解析
ServiceWorker
扩展程序
ServiceWorker
是扩展程序的核心事件处理脚本。
gqkmiss
·
2024-01-17 15:55
chrome
前端
Service
Worker
Chrome
插件
浏览器插件
Manifest
V3
前端页面通信
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
HTML
javascript
面试
javascript
前端
开发语言
跨页面通信实现方案
中转可以是一个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
#
Vue3
vue.js
javascript
前端
首屏加载优化有哪些方案?
)使用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
前端
javascript
service
worker
[react]脚手架create-react-app/vite与reac项目
create-react-app/vite与reac项目环境问题描述create-react-app脚手架根据脚手架修改项目结构安装脚手架注入配置文件-config文件夹package.json文件变更删除
serviceWorker
.js
三知之灵
·
2023-12-29 16:49
React
react.js
浏览器缓存机制(详)
目录1,缓存的分类1.1,按缓存位置1,
ServiceWorker
2,MemoryCache3,DiskCache4,PushCache1.2,按缓存类型强缓存ExpiresCache-control协商缓存
下雪天的夏风
·
2023-12-23 07:48
浏览器
interview
缓存
前端
浏览器
我们应该了解的前端缓存
对于单页应用程序,它实现无限期地缓存CSS、字体和图像文件,并防止缓存HTML文件和适用的
serviceworker
。该策略作为资源文件是可行的。它们的文件
dralexsanderl
·
2023-12-20 10:23
http
前端
缓存
PWA 概念及核心功能的基本介绍
二.PWA核心功能2.1何谓
ServiceWorker
2.2注册
ServiceWorker
2.3
ServiceWorker
常用事件2.3.1install2.3.2fetch2.4Manifest2.5
Lyrelion
·
2023-12-02 13:46
其他
pwa
vuepress-----9、PWA
#9、PWA使用babel的插件形式['@vuepress/pwa',{
serviceWorker
:true,updatePopup:{message:"Newcontentisavailable.",
悠闲的线程池
·
2023-11-30 18:54
vuepress
javascript
用JS进行Base64编码、解码
从IE10+浏览器开始,所有浏览器就原生提供了Base64编码、解码方法,不仅可以用于浏览器环境,
ServiceWorker
环境也可以使用。
小小的开发人员
·
2023-11-25 04:46
前端跨界面之间的通信解决方案
主要是这两个方案,其他的,还有SharedWorker、IndexedDB、WebSocket、
ServiceWorker
如果是,父子嵌套iframe还可以使用window.parent.postMessage
嘤嘤怪呆呆狗
·
2023-11-21 08:41
js
前端
javascript
浏览器缓存
serviceworker
:他可
海伦•
·
2023-11-16 09:03
面试
缓存
前端
网络
Service Worker是什么?
ServiceWorker
是一种在Web浏览器中运行的脚本,它独立于网页的上下文,并且可以在用户关闭网页后仍然在后台运行。
程序员大澈
·
2023-11-15 23:51
前端面试题合集
vue.js
javascript
前端
css
html
CSS注入的四种实现方式
注入窃取标签属性数据简单的一个实验:解决hidden方法1:js+node.js实现侧信道攻击方法2:对比波兰研究院的方案使用兄弟选择器方法3:js+websocket实现CSS注入实验实现:方法4:window.open结合
serviceworker
未知百分百
·
2023-11-14 11:31
前端
安全
css
前端
web安全
安全
注入
学习
开发语言
前端性能优化
衡量网站的性能的指标有很多,其中有项重要的指标就是网站的首屏时间,为此前端工程师们都是绞尽脑汁想尽办法进行优化自己的应用,诸如像服务端渲染,懒加载,CDN加速,
ServiceWorker
等等方法。
coder勇
·
2023-10-30 11:32
vue项目中,完全没有关联的页面怎么传递数据?(跨页面通信)
1.同源页面:
ServiceWorker
、LocalStorage、IndexDB、cookie、WebSocket2.非同源页面:可以通过嵌入同源iframe作为“桥”,将非同源页面通信转换为同源页面通信
想开了的美羊羊很机智
·
2023-10-28 14:08
javascript
前端
开发语言
前端跨页面通信,你知道哪些方法?
一、同源页面1.广播站模式一个页面将消息通知给一个“中央站”,再由“中央站”通知给各个页面,以下会介绍这个中央站可以是LocalStorage,可以是BroadCastChannel实例,也可以是一个
Serviceworker
1.1
是草莓味的啊
·
2023-10-28 14:01
前端
PWA:网站离线访问
(用鼠标点击小恐龙会有惊喜)图1
ServiceWorker
是PWA的一个特性,可以让我们的网站在断网的情况也能访问。离线访问原理正常情况下,访问网站,浏览器会向服务端发送请求,服务端处理之后返回资源。
dkvirus
·
2023-10-26 05:09
一次js请求一般情况下有哪些地方会有缓存处理?
目录浏览器缓存:CDN缓存:代理服务器缓存:前端缓存:HTTP缓存头:
ServiceWorker
:客户端缓存库:服务器端缓存:在一次JavaScript请求中,缓存处理是提高性能、降低带宽消耗以及改善用户体验的关键因素
bug丶小狼人
·
2023-10-24 07:51
javascript
缓存
开发语言
【面试题】中高级前端工程师都需要熟悉的技能--前端缓存
前端缓存一、前言二、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
chrome
react.js
service worker实现静态资源缓存
serviceworker
如何实现静态资源缓存和强制更新,请看如下示例:1、注册serviceworkerfunctionserviceWorker(){if(isLocalStorageAvailable
刘春强
·
2023-10-15 17:12
前端
chrome
service workers跟页面dom交互
在
ServiceWorker
中假设你有一个
ServiceWorker
文件(service-worker.js),你可以监听messa
刘春强
·
2023-10-13 18:52
前端
javascript
开发语言
基于Google‘s FCM实现消息推送
当然,下面是一个简单的示例,演示了如何使用
ServiceWorker
和Google'sFirebaseCloudMessaging(FCM)来实现Web推送通知。
刘春强
·
2023-10-11 10:40
前端
服务器
javascript
消息推送
强缓存和协商缓存区别和过程
使用
ServiceWorker
的话,传输协议必须为HTTPS。内存缓存磁盘缓存推送缓存PushCache(推送缓存)是HTTP/2中的内容,当以上三种缓存都没有命中时,它才会被使用。
一月清辉
·
2023-10-11 10:57
javascript
强缓存
协商缓存
浏览器缓存机制
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他