摘要：
在现代 Web 开发中，用户可能会频繁切换标签页，或让网页处于后台运行。为了避免不必要的资源浪费并提升用户体验，合理利用 Page Visibility API 可以在页面不可见时暂停或减少资源的消耗，并在页面重新可见时恢复正常操作。 在这篇博客中，我将展示如何通过 Page Visibility 阅读全文
摘要：
在现代 Web 应用中，尤其是涉及视频播放、实时通信、地图导航等长时间运行的任务时，用户常常希望设备不要因为空闲而自动进入睡眠模式或屏幕变暗。为了解决这一问题，Web API 提供了一个名为 Wake Lock 的接口，允许开发者请求设备保持唤醒状态。 本文将详细介绍如何使用 Wake Lock A 阅读全文
摘要：
Node.js 版本管理工具用于帮助开发者在不同项目中灵活切换 Node.js 和 npm 版本。常见的工具有 nvm、n、nvs、fnm 和 Volta。以下是它们的优缺点、常用命令及对比总结。 nvm (Node Version Manager) 优点： 支持 macOS 和 Linux。 可以 阅读全文
摘要：
在上一篇中，我们详细介绍了如何在 Windows 上搭建 Tauri 开发环境，包括安装所需的依赖项、配置开发工具以及处理常见的问题。 这为我们顺利开始 Tauri 开发提供了坚实的基础。 在本章中，我们将更进一步，学习如何创建一个全新的 Tauri 项目，并探讨如何将 Tauri 集成到一个已经存 阅读全文
摘要：
在现代 Web 开发中，Web 组件已经成为创建模块化、可复用 UI 组件的标准工具。而 Shadow DOM 是 Web 组件技术的核心部分，它允许开发人员封装组件的内部结构和样式，避免组件的样式和行为影响全局页面。然而，传统的 Shadow DOM 实现方式需要通过 JavaScript 显式地 阅读全文
摘要：
Tauri 是一个构建适用于所有主流桌面和移动平台的轻快二进制文件的框架。开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架，同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。 Tauri 使用 Microsof 阅读全文
摘要：
在 Web 开发中，我们经常需要区分用户是否通过刷新操作重新加载了页面。这一操作可能是由用户手动刷新（如按下 F5 键或点击浏览器刷新按钮）或通过浏览器自动重新加载。判断页面是否刷新有助于开发者优化用户体验，例如在使用 vue 的时候需要进行权限控制，就需要判断在刷新后根据登录者的权限去添加对应的路 阅读全文
摘要：
翻译自 vue 官方博客 地址：https://blog.vuejs.org/posts/vue-3-5 今天，我们很高兴地宣布 Vue 3.5 “Tengen Toppa Gurren Lagann” 发布！ 此次要版本不包含任何重大更改，并且包括内部改进和有用的新功能。我们将在这篇博文中介绍一些 阅读全文
摘要：
本文主要内容： screenX 和 screenY， clientX 和 clientY / x 和 y pageX 和 pageY layerX 和 layerY 在处理鼠标事件（MouseEvent）时，了解不同的坐标系是非常重要的。常见的坐标系包括屏幕坐标（screen）、客户端坐标（clie 阅读全文
摘要： 
前言 在现代 Web 开发中，WebAssembly (WASM) 已成为一种强大的工具。它使得开发者可以在浏览器中运行高性能的代码，跨越传统的 JavaScript 性能限制。Rust 语言因其高效性和内存安全性，成为了编写 WASM 模块的热门选择。本文将介绍如何将 Rust 代码编译为 Web 阅读全文
前言 在现代 Web 开发中，WebAssembly (WASM) 已成为一种强大的工具。它使得开发者可以在浏览器中运行高性能的代码，跨越传统的 JavaScript 性能限制。Rust 语言因其高效性和内存安全性，成为了编写 WASM 模块的热门选择。本文将介绍如何将 Rust 代码编译为 Web 阅读全文
摘要：
前言 Rust 是一种现代的系统级编程语言，以其内存安全性、高性能和简洁的语法而著称。本文将介绍如何在不同操作系统上搭建 Rust 开发环境，并配置好基础工具，使您能够快速开始 Rust 编程。 1. 安装 Rust Rust 官方推荐使用 rustup 工具来管理 Rust 的安装和更新。rust 阅读全文
摘要： 
环境 VMWare： 17 宿主机系统：win11 24H2 虚拟机内的系统：Ubuntu 24.04 前言 由于需要在 Linux 环境下进行一些测试工作，于是决定使用 VMware 虚拟化软件来安装 Ubuntu 24.04 操作系统。 考虑到测试过程中需要访问 Github 等外部网络资源，因 阅读全文
环境 VMWare： 17 宿主机系统：win11 24H2 虚拟机内的系统：Ubuntu 24.04 前言 由于需要在 Linux 环境下进行一些测试工作，于是决定使用 VMware 虚拟化软件来安装 Ubuntu 24.04 操作系统。 考虑到测试过程中需要访问 Github 等外部网络资源，因 阅读全文
摘要：
本章内容： 行分隔符（U + 2028）和段分隔符（U + 2029）符号现在允许在字符串文字中，与 JSON 匹配 更加友好的 JSON.stringify 新增了 Array 的flat()方法和flatMap()方法 新增了 String 的trimStart()方法和trimEnd()方法 阅读全文
摘要：
本章内容： 异步迭代 Promise.finally() Rest/Spread 属性 正则表达式命名捕获组（Regular Expression Named Capture Groups） 正则表达式反向断言（lookbehind） 正则表达式 dotAll 模式 正则表达式 Unicode 转义 阅读全文
摘要：
本章内容： Object.values()/Object.entries() async/await String padding: padStart()和padEnd()，填充字符串达到当前长度 函数参数列表结尾允许逗号 Object.getOwnPropertyDescriptors() Sha 阅读全文
摘要：
本章内容： Array.prototype.includes()：判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回 false。 幂运算符**： a ** b 指数运算符，它与 Math.pow(a, b)相同。 Array.prototype.includes() includ 阅读全文
摘要：
ECMAScript 2023 主要包含内容 ECMAScript 2023 于 2023 年 6 月 27 日获得 ECMA International 的批准。 ECMAScript 是标准化的 JavaScript 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用编程语言 阅读全文
摘要： 
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 阅读全文
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 阅读全文
摘要：
前言 最近作者的电脑 C 盘变红了，这让我很难受(有点小强迫症)，所以准备重新安装下系统，顺便把 C 盘扩大点。 注意： 操作系统是 windows 11 23H2。 所有的命令行都是使用 Windows Terminal 中进行的。 安装 Windows Terminal 由于我们所有的命令行操作 阅读全文
摘要：
需要用到的软件/插件 oh-my-posh posh-git PSReadLine 安装 oh-my-posh oh-my-posh 是 shell 主题引擎，使用 winget 来安装 oh-my-posh winget serach oh-my-posh # 找到对应的 id 方便在下一步使用（ 阅读全文