- 博客(8)
- 收藏
- 关注
RSS订阅原创 判断表单是否保存
本文介绍了在Vue.js中处理表单未保存时返回按钮的两种实现方式。第一种方式是将返回按钮放在父组件，表单放在子组件中。父组件通过监听子组件的markAsUnsaved事件来判断表单是否有未保存的修改，并在用户点击返回按钮时弹出确认框。子组件通过对比表单数据的原始副本和当前值来触发markAsUnsaved事件。第二种方式是将返回按钮和表单放在同一个组件中，组件内部通过监听表单数据的变化来判断是否有未保存的修改，并在用户点击返回按钮时弹出确认框。
2025-05-09 10:50:28
132
原创 requestAnimationFrame 用法（Next.js）
requestAnimationFrame（rAF）是浏览器提供的一个API，用于在下次重绘之前执行回调函数，通常用来优化动画效果，确保动画流畅并减少不必要的渲染，避免掉帧。在传统的React应用中，rAF常用于处理需要与屏幕刷新率同步的动画或高频更新，比如游戏、滚动效果、复杂的交互动画等。
2025-02-28 16:00:26
196
原创 三、Tauri 使用（各种设置）
如果网页需要一些时间来加载，或者你需要在显示主窗口之前在 Rust 中运行初始化过程，那么启动画面可以改善用户的加载体验。注意：窗口标签必须是唯一的，并且可以在运行时用于访问窗口实例。此处使用的是在 JavaScript 中创建窗口。由于使用的是axios，上传文件无法完成，就是用的该方法，将文件传递给后端。②创建初始屏幕，直接在tauri,config.json中创建，如下。免责声明窗口使用创建新窗口的方法创建出来的，使用时直接导入即可。②使用创建多窗口，在页面调用创建多窗口的方法。
2024-08-09 15:27:35
2636
1
原创 二、Tauri 使用（http请求 axios）
开发环境不需要使用 adapter: axiosTauriApiAdapter ，注释即可；生产环境需要使用 adapter: axiosTauriApiAdapter。如果请求接口使用的是axios，需要使用第三方插件 axios-tauri-api-适配器 ，负责打包后的项目无法请求到接口，这里更推荐使用官方的http请求。在tauri.conf.json文件中启用该功能，配置要请求的API路径，多个API的情况使用逗号隔开就可以了。
2024-08-08 09:59:42
1345
2
原创 一、Tauri 使用（安装）
开发桌面应用程序的框架。使用Tauri需要配置rust和node的开发环境，以及一个web view2。JavaScript 库来调用新创建的命令， 通过 JavaScript 访问诸如窗口、文件系统等核心功能。4.如果你还没有安装Tauri CLI，你可以使用下面的一个命令进行安装。win10：安装完会自动安装WebView2。①安装Tauri CLI（使用下面其中一个命令进行安装）⑥在生产中使用检查器，调试项目。2.安装 WebView2。3.tauri项目初始化。4.检查安装是否成功。
2024-08-08 09:48:03
1404
原创 前端I18n的使用
②配置.vscode -> settings.json。文件夹，并在其中创建不同语言的翻译文件，例如。中文配置完成，可以在框选处编辑英文部分，或者在。文件，并在其中配置 Vue I18n。4.在主文件中引入 Vue I18n。6.在组件中使用 Vue I18n。5.使用i18n-ally插件。①下载插件i18n-ally。3.配置 Vue I18n。2.创建国际化配置文件。文件夹，并在其中创建。
2024-07-13 15:22:38
925
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人