2024 年 12月 19 日随笔档案 - joken1310

js 如何区分页面刷新还是关闭

摘要：在JavaScript中，要区分浏览器是关闭还是刷新，可以通过监听 beforeunload 事件和 unload 事件，并结合 sessionStorage 来实现。下面是一个示例代码，展示了如何区分这两种情况： // 页面加载时执行 window.onload = function() { // 阅读全文

posted @ 2024-12-19 21:09 joken1310 阅读(570) 评论(0) 推荐(0)

sse 浏览器端技术使用，Server-Sent Events ，EventSource，来建立长连接保持与服务端的通讯

摘要： Server-Sent Events (SSE) 是一种允许服务器向客户端推送更新的技术。它使用 HTTP 协议，通过一个持久的 HTTP 连接，服务器可以在任何时间发送新的事件到客户端。SSE 通常用于实时更新，如股票价格、新闻更新等。以下是一个简单的 SSE 使用示例：服务器端 (Node. 阅读全文

posted @ 2024-12-19 21:00 joken1310 阅读(298) 评论(0) 推荐(0)

uni app 人脸识别实现

摘要：前端代码（UniApp） // 使用 uni.createCameraContext 拍照 const cameraContext = uni.createCameraContext(); cameraContext.takePhoto({ quality: 'high', success: fun 阅读全文

posted @ 2024-12-19 20:53 joken1310 阅读(546) 评论(0) 推荐(0)

js 如何调用浏览器摄像头api，MediaDevices.getUserMedia

摘要：在 JavaScript 中，可以使用 MediaDevices 接口和 getUserMedia 方法来访问用户的摄像头，并拍摄照片或录制视频。以下是一个简单的示例，展示了如何使用这些 API 来拍照和录制视频。拍照 <!DOCTYPE html> <html lang="en"> <head> 阅读全文

posted @ 2024-12-19 20:48 joken1310 阅读(647) 评论(0) 推荐(0)

js workder 如何导入其他脚本，importScripts使用

摘要：在 JavaScript 中，Web Workers 提供了一种在后台线程中执行脚本的方法，而不会影响主线程的性能。Web Workers 本身不支持直接导入其他脚本，但你可以通过几种方式来间接实现这一点。使用 importScripts importScripts 是 Web Workers 提阅读全文

posted @ 2024-12-19 20:46 joken1310 阅读(820) 评论(0) 推荐(0)

js requestIdleCallback使用，避免阻塞主线程页面主要js执行

摘要： requestIdleCallback 是一个浏览器提供的 API，用于在主线程空闲时执行低优先级的操作，而不会阻塞主线程的执行。这对于执行一些非紧急的任务（如统计、数据预处理等）非常有用。以下是 requestIdleCallback 的基本使用方法：定义一个回调函数：这个函数将在主线程空闲时阅读全文

posted @ 2024-12-19 20:38 joken1310 阅读(1074) 评论(0) 推荐(0)

joken-前端工程师