Jiaberrr的博客

功能描述：在父组件中放置一个键盘图标，点击后弹出特殊字符集，用户点击字符后，字符将被插入到输入框中。技术栈：Uniapp + Vue3 + uni-popup组件。通过封装组件，我们实现了在Uniapp中点击键盘图标弹出特殊字符集，并将选中的字符插入到输入框中的功能。这种方式不仅提升了用户体验，还使得代码结构更加清晰，便于维护。希望本文对你有所帮助，欢迎在评论区留言讨论！

在移动端开发中，手写签名功能是一个非常常见的需求。本文将手把手教你如何在uniapp中使用vue3的组合式API封装一个手写签名弹出框组件。通过封装，我们可以在项目中轻松复用该组件，提高开发效率。

在使用 Uniapp 进行应用开发时，我们常常会遇到需要对组件样式进行定制化的需求。其中，将默认的圆形 radio 组件改为方框样式，就是一个常见的需求。本文将详细介绍如何通过 CSS 样式来实现这一效果。

在 uniapp 开发中，页面间通讯是一项极为重要的功能。随着应用规模的不断扩大，各个页面之间往往需要进行数据传递和状态共享 。本文将详细介绍 uniapp 中常用的页面间通讯方式，帮助我们更好地进行 uniapp 项目开发。在 uniapp 中，url 传参是一种简单直观的页面间通讯方式。当我们使用uni.navigateTo、uni.redirectTo等方法进行页面跳转时，可以在url中携带参数。例如，我们要从A页面跳转到B页面，并传递一个id和name参数，就可以这样写：在目标页面B中，可以在

在UniApp开发中，图标是构建用户界面不可或缺的元素。一个简洁美观的图标，能够让应用的界面更加生动直观，提升用户体验。然而，在众多的图标资源中，如何选择合适的图标库并正确使用，成为了开发者需要面对的问题。阿里巴巴字体图标库，作为国内知名的图标资源平台，拥有丰富多样的图标资源，涵盖了各种场景和行业，为开发者提供了极大的便利。本文将详细介绍在 UniApp 中使用阿里巴巴字体图标库的方法和具体步骤，帮助大家快速掌握这一技能，提升开发效率。

在如今的移动应用开发领域，实时通信的重要性不言而喻。WebSocket 凭借其在单个 TCP 连接上实现全双工通信的特性，成为实现实时数据传输的理想选择。UniApp 作为一款强大的跨平台开发框架，支持使用 Vue.js 语法编写一次代码并发布到多个平台。本文将详细阐述如何在 UniApp 中封装 WebSocket，并且加入重连机制，确保在连接断开时能自动尝试重新连接，以保障实时通信的稳定性。通过以上步骤，我们成功在 UniApp 中封装了带有重连机制的 WebSocket。

在开发微信小程序时，状态管理是一个非常重要的环节。随着项目规模的增大，组件之间的状态共享和通信变得复杂，传统的props和event方式已经无法满足需求。Uniapp作为一个跨平台开发框架，支持Vue3语法，并且提供了多种状态管理方案。本文将介绍如何在Uniapp中使用Vue3的结合Pinia进行全局状态管理，以提升开发效率和代码可维护性。通过本文的介绍，我们了解了如何在Uniapp中使用Vue3和Pinia进行全局状态管理。Pinia的简洁API和强大功能使得状态管理变得更加轻松和高效。

在Web开发中，Token作为一种身份验证的机制，被广泛应用于前后端交互过程中。本文将为大家介绍如何在每次请求前动态设置加密的Token，并在请求一次后使Token值加1（或其他动态改变的逻辑），从而提高系统的安全性。

通过以上步骤，我们成功地在uniapp中封装了一个request实例，它支持所有常见的HTTP方法，并且可以通过setDefaultConfig方法设置全局默认配置。这种封装方式不仅使代码更加整洁，还提高了网络请求的管理效率。希望本文能帮助你在uniapp项目中更好地处理网络请求。

本文介绍了在UniApp Vue3版本中配置代理的正确步骤，并针对配置过程中可能遇到的路径冲突问题，提出了修改代理路径和请求路径的解决方案。通过本文，读者可以了解到如何在UniApp项目中成功设置代理，避免404错误，确保项目正常运行。

在uniapp开发Web项目时，操作Cookie是常见的需求。本文将介绍如何在uniapp中获取和修改Web项目的Cookie，且不设置过期时间。

为了提高开发效率，我们可以将常用的表单组件进行封装。本文将带你了解如何在uniapp中封装一个表单组件，让你只需要通过属性配置轻松实现各种表单，效果图如下：

该方法主要是通过判断用户当前的视频播放进度jumpTime与之前记录的实际观看时间watchTime.value的差值大于3秒，则意味着用户进行了快进操作。如果用户快进了，则调用videoContext.value.seek(watchTime.value)方法将视频的播放位置跳转回之前记录的实际观看时间，然后调用videoContext.value.play()重新开始播放视频。

今天给大家分享一个在uniapp中播放视频时的小技巧之一：如何禁止用户推拽进度条，同时又不隐藏进度条。

本文将详细介绍在uni-app项目中如何集成并使用Element UI，帮助开发者快速构建美观、响应式的跨平台应用界面。

通过以上步骤，我们成功地在 uniapp 中集成了 Vue Router，并使用实现了页面管理。虽然 uniapp 本身提供了路由管理的方法，但使用 Vue Router 可以让我们在开发大型应用时更加灵活和高效。希望本文能帮助大家更好地理解如何在 uniapp 中使用 Vue Router。

以上步骤将帮助您将uniapp项目首次提交到指定的Git仓库。通过版本控制，您可以更好地管理项目代码，与其他开发者协作，并跟踪项目的历史更改。记得定期推送更新到远程仓库，以保持代码的同步。

在使用uniapp进行跨平台开发时，不少开发者会遇到页面刷新后出现404错误的问题。本文将为大家详细解析这一问题的原因及解决方案，帮助大家顺利解决此类问题。

通过本文，我们学习了如何在 uniapp 中使用 Vue 3 的组合式 API 和 Vue Router 来管理路由。这种组合不仅提高了代码的可读性和可维护性，而且使得大型项目的开发更加高效。希望这些信息能帮助你在 uniapp 项目中更好地利用 Vue Router。

本文将详细介绍如何在uniapp、微信小程序和Vue项目中使用nzh库，帮助开发者轻松实现数字转中文大写、中文读数等功能。

本文将详细介绍在Vite环境中，如何为uniapp Vue 3项目添加环境变量，并在项目中正确引用这些变量，以便在不同开发阶段（开发、测试、生产）进行灵活配置。

通过以上步骤，我们成功在uniapp开发的Web页面中配置了动态菜单。你可以根据实际需求调整菜单数据结构和样式，实现更丰富的功能。希望本文对您有所帮助！

通过以上步骤，我们成功地在uniapp中实现了使用原生ajax上传文件并携带其他数据，同时实时展示上传进度。这种方法不仅适用于uniapp，还可以在其他基于Vue.js的前端项目中使用。掌握这一技能，将有助于我们在开发过程中更好地满足用户需求。在实际项目中，请根据实际情况调整上传接口和数据处理逻辑。

vue-router是Vue.js官方提供的路由管理器，用于实现单页面应用（SPA）的路由功能。在uniapp中，vue-router同样可以发挥作用，实现页面之间的跳转。uni.navigateTo是uniapp提供的页面跳转方法，用于实现页面的栈式跳转。它与vue-router在功能上有一定相似之处，但在使用场景和实现原理上存在差异。本文介绍了在uniapp中使用vue-router和uni.navigateTo进行页面跳转的区别及使用场景。

本文将详细介绍在uniapp项目中，分别使用Vue2和Vue3组合式API集成echarts的步骤，帮助开发者轻松实现数据可视化，提升多端应用的用户体验。

最近遇到一个需求，为防止用户观看课程时刷机，需要每5分钟自动暂停视频，强迫用户手动继续。首先在template中放入video标签。里面有个@timeupdate方法很重要，每秒返回视频播放的时间，我们在这个方法里设个判断的定时器就可以了。