喵喵侠的CSDN博客

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

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

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

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

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

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

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

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

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

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

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