派大星的开发日记-优快云博客

原创实现炫酷的主题切换功能

在现代 Web 应用中，主题切换功能几乎成为了标配。为了让用户的体验更上一层楼，加入一些炫酷的过渡动画无疑是一个不错的选择。这篇文章将分享如何结合 Vue3、VueUse、ViewTransition API 和 Web Animations API，实现一个圆形扩散过渡的主题切换功能，类似element-plus的动画，代码简洁，效果丝滑。

2024-12-21 09:45:48 1765

原创深入理解 Web Worker：前端性能优化的利器

Web Worker 是一种运行在主线程之外的 JavaScript 并行执行环境。通过 Web Worker，开发者可以将耗时的任务（如数据处理、文件解析等）从主线程中剥离，从而提高页面的响应速度和用户体验。

2024-12-20 14:12:27 710 3

原创前端代码混淆加密的实践与对比

在前端开发中，代码的安全性始终是一个重要的论题。由于前端代码最终运行在用户的浏览器中，因此代码很容易被反编译和修改。为了提高代码的安全性，我们可以采用代码混淆和加密的手段。本文将介绍几种常见的前端代码混淆加密方式，分析它们的优势和劣势，并提供相关代码示例。

2024-12-19 14:49:16 1627

Service Worker API是现代Web开发中一个强大的工具，它允许开发者创建高效离线体验和进行资源缓存。Service Worker本质上是Web应用、浏览器和网络之间的代理服务器，它能够拦截网络请求并根据网络状况采取相应的行动，同时还能推送通知和访问后台同步API。核心特性离线体验：Service Worker使得Web应用即使在没有网络连接的情况下也能运行。资源拦截与修改：可以拦截页面或网站的资源请求，并进行修改。后台操作。

2024-12-18 16:04:31 656

原创 webHID初识

WebHID API是一个实验性的Web技术，它允许Web应用程序与人类接口设备（HID）进行双向通信。HID设备包括键盘、鼠标、游戏控制器等，它们通过USB、蓝牙等协议与计算机通信。WebHID API使得Web开发者能够创建能够直接与这些设备交互的应用，无需浏览器插件或扩展核心接口HId：提供连接HID设备、列出已连接HID设备以及处理连接HID设备的事件处理器的方法。HIDDevice：代表一个HID设备。单个物理设备可能由多个HIDDevice对象表示。

2024-12-18 16:03:36 967

原创 webUsb初识

（必需）- 要从中接收数据的端点的编号。- 解析为包含传输结果的对象。（必需）- 要发送数据到的端点的编号；data（必需）- 要发送的数据。- 解析为包含传输结果的对象。（必需）- 要选择的配置的编号。- 当配置被成功选择时解决。open()参数：无- 当设备会话成功开始时解决。（必需）- 要声明独占访问的接口编号。- 当接口被成功声明为独占时解决。setup（必需）- 控制传输的参数，包括请求类型、请求、值、索引和长度。- 解析为包含控制传输结果的对象。setup。

2024-12-18 16:02:02 2136 3

空空如也

webhid 连接的设备，配对状态丢失问题

2025-01-03

小程序引入echarts设置图片水印时报错Image is not defined

2023-10-23

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

2201_75403911的博客

原创实现炫酷的主题切换功能

原创深入理解 Web Worker：前端性能优化的利器

原创前端代码混淆加密的实践与对比

原创 Service Worker初识

原创 webHID初识

原创 webUsb初识

空空如也

webhid 连接的设备，配对状态丢失问题

小程序引入echarts设置图片水印时报错Image is not defined

原创 实现炫酷的主题切换功能

原创 深入理解 Web Worker：前端性能优化的利器

原创 前端代码混淆加密的实践与对比

原创 Service Worker初识

原创 webHID初识

原创 webUsb初识

空空如也

webhid 连接的设备，配对状态丢失问题

小程序引入echarts设置图片水印时报错Image is not defined

原创实现炫酷的主题切换功能

原创深入理解 Web Worker：前端性能优化的利器

原创前端代码混淆加密的实践与对比