喵喵侠w-CSDN博客

原创前端开发聊职场：在“跳”与“守”之间，如何做出最适合自己的选择？

作为一名混迹于技术圈的，我深知“跳槽”与“坚守”是每个职场人都绕不开的话题。尤其在我们这个技术迭代快、机会多的行业里，这个问题显得更加纠结。

2025-11-13 15:37:50 432

原创 uni-app微信小程序相机组件二次拍照白屏问题的排查与解决

摘要本文分享了uni-app开发微信小程序时遇到的相机组件二次拍照白屏问题。问题表现为：第一次拍照正常，删除后再次拍照仅显示白屏。通过代码分析发现，问题根源在于删除照片时将picture设置为"#"而非空字符串，导致v-if始终判断为真，无法显示新照片。解决方案是彻底清空所有相关状态（picture、tempImage、result等），确保渲染逻辑正确执行。文章详细阐述了问题排查过程和修复方法，强调了JavaScript中truthy/falsy值的区别，为开发者提供了解决类似问题的

2025-11-11 11:01:09 909 1

原创作为前端开发，分享下我在编程中的好习惯

如何成为一名优秀的程序员？资深前端开发者喵喵侠分享了8个实用习惯：1）写代码前先规划架构；2）注重注释质量；3）规范命名；4）定期自我代码审查；5）坚持写文档；6）规范Git提交；7）优化表单提示；8）及时删除无用代码。这些习惯不仅能提升代码质量，还能让团队协作更顺畅。文章强调，编程不仅是技术活，更是思维训练，建议开发者始终以"半年后我还能看懂这段代码吗"为标准来要求自己。

2025-10-30 16:53:47 838 3

原创腾讯云轻量优选流量包：打破网络瓶颈，助力出海业务

腾讯云推出轻量优选流量包，可显著降低大陆用户访问海外服务器的网络延迟。该产品目前仅支持香港和新加坡地区的轻量应用服务器（新加坡需内测申请）。用户需先购买相应服务器，再选购流量包（活动价仅0.5元/GB）。开启加速后，测试显示延迟从1000+ms降至60ms以内。与CDN不同，该产品更适用于优化动态内容的双向跨境传输，如游戏服务器、跨境电商等实时交互场景。支持按需退费，未使用流量可原价退还。

2025-07-14 21:02:18 652

原创百度地图JSAPI 1.0/2.0升级指南：不绕弯，直接教你怎么搞

百度地图JSAPI升级指南：7月22日前必须完成检查升级需求： 1.0版本必须升级 2.0版本需确认AK配置正确 AK配置要点：使用浏览器端AK（地球图标）配置域名白名单测试环境可用*，上线需修正版本选择：普通项目选3.0（兼容旧版样式）高性能需求选WebGL 1.0 升级步骤：先测试后上线检查所有地图功能 7月20日前完成注意：升级问题可提交工单咨询客服

2025-07-02 17:26:52 1413

原创腾讯地图Web版解决热力图被轮廓覆盖的问题

本文由喵喵侠分享一次在使用腾讯地图 Web API 开发热力图时踩坑的经历。开发过程中出现热力图被轮廓图层遮挡的问题，尽管轮廓设置了透明度，但依然影响了热力图的显示效果。经过咨询官方技术支持，发现通过设置热力图的 zIndex 属性即可解决图层遮挡问题。文章详细展示了问题复现 Demo、核心代码和最终效果图，并指出了热力图 zIndex 的使用技巧。适合有地图可视化开发需求的前端开发者参考，帮助大家少走弯路。

2025-06-19 17:18:42 927

原创一次远程会议中我用到的 Chrome DevTools 调试技巧

前端开发者喵喵侠分享了三个容易被忽视但实用的Chrome DevTools调试技巧：快速删除页面干扰元素、用Ctrl+Z撤销误删操作、使用搜索功能(Ctrl+F)快速定位DOM节点。这些简单但专业的小技巧源于作者与百度地图客服的实际协作经历，能显著提升调试效率和协作体验。文章通过具体场景演示了每个技巧的使用方法，帮助开发者更好地掌握DevTools的实用功能，解决调试中的常见痛点。

2025-06-18 20:49:46 644

原创 Windows笔记本打游戏卡顿掉帧？一招教你解决！

《游戏卡顿？笔记本双显卡切换可能是关键》摘要：本文分享了解决Windows笔记本运行《原神》等游戏时卡顿掉帧的实战经验。通过Win+G调出Xbox游戏栏监控发现帧率仅30-50FPS，最终定位到系统自动使用集显的问题。在NVIDIA控制面板中手动切换为高性能独立显卡后，帧率立刻稳定至60FPS。文章指出，许多游戏卡顿并非硬件性能不足，而是双显卡切换机制未正确调用独显所致，并提供了完整的排查步骤与设置截图，帮助玩家快速解决类似问题。（150字）

2025-06-17 22:25:35 2783

原创前端图文混排页面一键导出PDF最佳实践 —— 以Vue3+html2pdf.js为例

本文介绍了前端导出PDF的实现方案与优化经验。针对图文混排页面导出需求，选用html2pdf.js结合html2canvas和jsPDF，通过等待图片加载、样式控制、分页优化等关键步骤，解决样式丢失、图片跨域、内容分页切割等技术难点。重点阐述了导出逻辑实现、分页控制思路及常见问题的解决方案，最终实现高质量PDF导出效果。该方案适用于需要前端直接导出PDF且保留原样式的业务场景。

2025-06-16 18:00:57 1564

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

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

2025-01-20 11:27:55 624

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

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

2024-11-04 13:38:57 4361 2

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

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

2024-11-04 13:38:08 1550

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

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

2024-11-04 13:37:03 978

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

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

2024-11-04 13:36:21 779

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

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

2024-11-04 13:35:13 855

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

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

2024-11-04 13:34:15 437

原创 vue.js生命周期

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

2024-08-20 10:27:51 289 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 601

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

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

2024-06-21 17:07:56 445

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

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

2024-06-21 17:04:56 369

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

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

2023-09-04 21:47:31 730

喵喵侠的CSDN博客