喵喵侠w-优快云博客

原创 JEECG低代码平台组件JFormContainer使用方法解析

你好，我是喵喵侠。JEECG低代码平台中的组件，是一个用于控制表单禁用状态的专用组件。通过该组件，开发者可以轻松实现表单的禁用与启用，尤其是在查看详情时，表单内容通常需要设置为只读状态。本文将详细解析的使用方法，并解释为什么需要在中添加。组件通过fieldset的disabled属性实现了表单的禁用与启用。为了确保disabled属性能够正确生效，表单内容必须放置在中。通过这种方式，开发者可以轻松控制表单的禁用状态，特别是在查看详情时，表单内容将自动变为只读状态，提升了用户体验。

2025-01-20 11:27:55 456

原创 uni-app实战案例：实现H5页面麦克风权限获取与录音功能

你好，我是喵喵侠。在我们日常的前端开发中，时常会遇到需要获取设备麦克风权限并进行录音的需求。比如，接到一个需求，要求在聊天对话框中实现语音识别功能，用户点击按钮开始录音，再次点击按钮停止录音，并将录制的音频转换成文字进行显示。在这个过程中，技术上的难点主要集中在如何通过浏览器获取麦克风权限，以及如何处理麦克风接收到的音频流。在这篇文章中，我将带你一步步实现这一功能，并探讨如何使用uni-app开发H5页面获取麦克风权限并进行录音。

2024-11-04 13:38:57 2507

原创如何优雅地处理Echarts环形图中的小数显示？

你好，我是喵喵侠。在数据可视化中，我们经常会遇到需要对数据进行格式化的需求。例如，在 Echarts 的环形图中，我们希望在图表中心的总数，显示经过计算后的结果，比方说25.66这样的小数，默认保留两位小数。但光保留两位小数可不行，还得去掉多余的末尾0。下面来一起探究如何优雅实现吧！对字符串数组操作比较熟练的同学，可能会写出方法一，但需要考虑的细节比较多，得反复测试；方法二也是需要反复测试验证，只是写法实现更简洁一些；

2024-11-04 13:38:08 1266

原创如何防止Vue页面局部元素滚动时，页面整体滚动？

你好，我是喵喵侠。我最近遇到了一个问题，就是Vue页面我引入了一个列表组件，这个列表是可以单独滚动的。当我把鼠标移入，开始滚动操作时候，浏览器最右边的滚动条也会开始滚动。我尝试在这个事件，第一行加入，发现还是没有作用，最外层的body还是可以滚动。针对这个问题，我花了点时间研究下，下面是原因分析和解决方法。浏览器的滚动事件需要用preventDefault() 来阻止，这个事件写在某个页面元素上不会影响该元素的正常滚动。这是个小问题，记录一下，方便下次遇到又忘记了。

2024-11-04 13:37:03 744

原创 JavaScript实战：探究数组循环截取的实现技巧

你好，我是喵喵侠。今天我收到了一个需求，有一个视频列表，页面上显示的布局是2x2，但后端返回的视频列表数据通常是大于4个的。也就是说，假设后端返回5条数据，默认先展示前4条，后面每隔固定时间（比方说10秒），切换下一组数据显示。如果超出边界，则索引从前面开始取值。这样描述可能不是特别清晰，下面我把需求进行举例拆解，一看就明白了。通过这个实际需求，相信你学会了如何用JavaScript循环截取指定长度的数组，一开始看代码理解会有点点绕，多看几遍就好了。

2024-11-04 13:36:21 549

原创记录一次Vue项目打包卡在dist最后一步的问题

你好，我是喵喵侠。在Vue项目开发中，项目开发完成后，打包是一个常见的操作。今天我遇到了一个奇怪的问题，那就是在一个Vue2项目中，执行npm run build打包，等待数秒后，可以看到完整的文件被打包，但是卡在了最后一步dist目录这里。不光我是这里，同事那边试过了也不行，以前从来没有遇到过的。于是我针对这个诡异的问题，做出了一些的尝试。有时候遇到一些奇怪的问题，不太好描述，也没法从搜索引擎找到合适的答案。这时候需要从多个角度进行思考尝试，逐一排查，最终找到问题的解决办法。

2024-11-04 13:35:13 571

原创浅谈前端开发的技术债

大家好，我是喵喵侠。技术债是一个老生常谈的话题了，这个无可避免，会伴随开发一生。只要技术在更新，需求在变化，技术债就一定会产生。那么如何有效治理技术债，这个话题就很有探讨的价值。下面我将会以我个人的角度，浅谈一下技术债产生的场景，以及如何解决和避免技术债。也许每一个人对技术债的理解都是不一样的，但在我看来，每一个小的改动，都可能会堆积成技术债。合理的代码书写、恰当地使用成熟的技术方案，会在一定程度上防止技术债的出现，减少技术债越欠越多的情况。

2024-11-04 13:34:15 314

原创 vue.js生命周期

这些生命周期钩子函数可以用来处理组件的初始化、数据的同步、DOM 的操作、异步请求、事件的订阅和解除等。创建前（beforeCreate）: 在实例被创建之前，通常在这个阶段可以进行一些初始化的操作，比如设置数据、对属性进行计算等。更新前（beforeUpdate）: 在数据更新之前被调用，可以在这个阶段进行一些数据的预处理，比如格式化数据、计算衍生数据等。Vue.js 的生命周期分为8个阶段，分别是：创建前、创建中、创建后、挂载前、挂载后、更新前、更新后、销毁前。

2024-08-20 10:27:51 222 1

原创 Vue-Echarts的使用教程

在你需要使用 Echarts 的组件中，导入 Vue-Echarts 组件。Vue-Echarts 是一个基于 Vue.js 的 Echarts 的组件库。更多的使用方法和配置项，请参考 Vue-Echarts 的文档：https://github.com/ecomfe/vue-echarts。在你的 Vue 项目中，可以使用 npm 或者 yarn 来安装 Vue-Echarts。以上就是使用 Vue-Echarts 的基本教程。中，你可以根据 Echarts 的配置项来设置图表的数据和样式。

2024-06-26 17:44:28 332

原创 Git 的基本概念和使用方式

提交（commit）：提交是指将代码的变更记录到Git仓库中的一个操作。分支（branch）：分支是基于主线上的某个提交创建的一个独立的代码分支。远程仓库（remote）：远程仓库是存储在网络上的共享仓库，可以与其他开发者共享代码。多个开发者可以在远程仓库上协同工作，通过推送（push）和拉取（pull）操作进行代码的同步。本地仓库是开发者工作的副本，而远程仓库可以是共享的仓库。合并（merge）：合并是指将一个分支的代码变更合并到另一个分支上。命令将一个分支上的变更合并到另一个分支上。

2024-06-21 17:07:56 409

原创 TensorFlow 的基本概念和使用场景

计算图可以描述模型的结构和运算过程，并提供了高度的灵活性和可扩展性。使用TensorFlow，可以进行各种机器学习任务，包括图像和语音识别、自然语言处理、推荐系统等。TensorFlow提供了丰富的工具和函数库，使得构建和训练模型变得更加方便和高效。它提供了一种灵活的编程模型，可以用于构建和训练各种机器学习模型。总之，TensorFlow是一个功能强大且灵活的机器学习框架，可以帮助开发者构建和训练各种机器学习模型，并在不同的场景中部署和使用。

2024-06-21 17:04:56 330

原创 Vgg+PspNet图像语义分割模型

Vgg+PspNet图像语义分割模型模型缺陷与后续改进：1、模型比较难收敛，训练时间比较长2、整体效果一般，后续可以考虑使用不同的编码模型。

2023-09-04 21:47:31 603

喵喵侠的优快云博客