Service Worker的使用
Service Worker生命周期 安装 (Install) : 当 Service Worker 被注册后,会触发安装事件。此时,Service Worker 可以进行一些初始化工作,比如缓存静态资源。 安装完成后,Service Worker 会进入等待状态,等待激活。 激活 (Activate) : 安装完成后,会触发激活事件。此时,旧的 Service Worker 如果存在,可以被卸载,新的 Service Worker 可以接管控制。 这个阶段通常用于清理旧的缓存和其他不再需要的资源。 运行 (Run) : 激活后,Service Worker 进入运行状态,可以处理网络请求和其他事件。 Service Worker 处于“运行中”状态时,可以通过 fetch 事件拦截网络请求,进行缓存、网络请求或其他处理。 更新 (Update) : Service Worker 会定期检查是否有新版本可用。如果检测到新版本,会触发安装事件,并进入安装和激活的流程。 可以通过 self.skipWaiting() 方法强制让新的 Service...
前端js读取xlsx文件内容并转换成数组
结合xlsx库、FileReader来处理 Excel 文件 安装xlxs库1npm install xlsx 或者 1<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script> 使用123456789101112131415161718192021222324252627// 选择文件的 input 元素const fileInput = document.getElementById('fileInput');fileInput.addEventListener('change', (event) => { const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload...
类型“Element”上不存在属性“style”
问题描述在获取一个dom,并给这个dom设置style时,typescript报错:类型“Element”上不存在属性“style” 12const affixBox = document.querySelector(".affixBox")affixBox.style.top = "10px" 解决办法因为typescript默认使用的是Element,需要声明dom为HTMLElement 12const affixBox = document.querySelector(".affixBox") as HTMLElementaffixBox.style.top = "10px"