
前端开发
文章平均质量分 87
喵喵侠w
喜欢研究技术,热爱交流与分享的前端开发工程师~
展开
-
JEECG低代码平台组件JFormContainer使用方法解析
你好,我是喵喵侠。JEECG低代码平台中的组件,是一个用于控制表单禁用状态的专用组件。通过该组件,开发者可以轻松实现表单的禁用与启用,尤其是在查看详情时,表单内容通常需要设置为只读状态。本文将详细解析的使用方法,并解释为什么需要在中添加。组件通过fieldset的disabled属性实现了表单的禁用与启用。为了确保disabled属性能够正确生效,表单内容必须放置在中。通过这种方式,开发者可以轻松控制表单的禁用状态,特别是在查看详情时,表单内容将自动变为只读状态,提升了用户体验。原创 2025-01-20 11:27:55 · 497 阅读 · 0 评论 -
uni-app实战案例:实现H5页面麦克风权限获取与录音功能
你好,我是喵喵侠。在我们日常的前端开发中,时常会遇到需要获取设备麦克风权限并进行录音的需求。比如,接到一个需求,要求在聊天对话框中实现语音识别功能,用户点击按钮开始录音,再次点击按钮停止录音,并将录制的音频转换成文字进行显示。在这个过程中,技术上的难点主要集中在如何通过浏览器获取麦克风权限,以及如何处理麦克风接收到的音频流。在这篇文章中,我将带你一步步实现这一功能,并探讨如何使用uni-app开发H5页面获取麦克风权限并进行录音。原创 2024-11-04 13:38:57 · 2993 阅读 · 1 评论 -
如何优雅地处理Echarts环形图中的小数显示?
你好,我是喵喵侠。在数据可视化中,我们经常会遇到需要对数据进行格式化的需求。例如,在 Echarts 的环形图中,我们希望在图表中心的总数,显示经过计算后的结果,比方说25.66这样的小数,默认保留两位小数。但光保留两位小数可不行,还得去掉多余的末尾0。下面来一起探究如何优雅实现吧!对字符串数组操作比较熟练的同学,可能会写出方法一,但需要考虑的细节比较多,得反复测试;方法二也是需要反复测试验证,只是写法实现更简洁一些;原创 2024-11-04 13:38:08 · 1310 阅读 · 0 评论 -
如何防止Vue页面局部元素滚动时,页面整体滚动?
你好,我是喵喵侠。我最近遇到了一个问题,就是Vue页面我引入了一个列表组件,这个列表是可以单独滚动的。当我把鼠标移入,开始滚动操作时候,浏览器最右边的滚动条也会开始滚动。我尝试在这个事件,第一行加入,发现还是没有作用,最外层的body还是可以滚动。针对这个问题,我花了点时间研究下,下面是原因分析和解决方法。浏览器的滚动事件需要用preventDefault() 来阻止,这个事件写在某个页面元素上不会影响该元素的正常滚动。这是个小问题,记录一下,方便下次遇到又忘记了。原创 2024-11-04 13:37:03 · 797 阅读 · 0 评论 -
JavaScript实战:探究数组循环截取的实现技巧
你好,我是喵喵侠。今天我收到了一个需求,有一个视频列表,页面上显示的布局是2x2,但后端返回的视频列表数据通常是大于4个的。也就是说,假设后端返回5条数据,默认先展示前4条,后面每隔固定时间(比方说10秒),切换下一组数据显示。如果超出边界,则索引从前面开始取值。这样描述可能不是特别清晰,下面我把需求进行举例拆解,一看就明白了。通过这个实际需求,相信你学会了如何用JavaScript循环截取指定长度的数组,一开始看代码理解会有点点绕,多看几遍就好了。原创 2024-11-04 13:36:21 · 617 阅读 · 0 评论 -
浅谈前端开发的技术债
大家好,我是喵喵侠。技术债是一个老生常谈的话题了,这个无可避免,会伴随开发一生。只要技术在更新,需求在变化,技术债就一定会产生。那么如何有效治理技术债,这个话题就很有探讨的价值。下面我将会以我个人的角度,浅谈一下技术债产生的场景,以及如何解决和避免技术债。也许每一个人对技术债的理解都是不一样的,但在我看来,每一个小的改动,都可能会堆积成技术债。合理的代码书写、恰当地使用成熟的技术方案,会在一定程度上防止技术债的出现,减少技术债越欠越多的情况。原创 2024-11-04 13:34:15 · 331 阅读 · 0 评论