喵喵侠的社区活动征文-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

喵喵侠的社区活动征文

参与的官方社区活动征文合集

专栏成员

51

文章

18427

阅读量

9

订阅数

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

腾讯技术创作特训营S9 打包 webpack vue-cli vuejs2

你好，我是喵喵侠。在Vue项目开发中，项目开发完成后，打包是一个常见的操作。今天我遇到了一个奇怪的问题，那就是在一个Vue2项目中，执行npm run build打包，等待数秒后，可以看到完整的文件被打包，但是卡在了最后一步dist目录这里。不光我是这里，同事那边试过了也不行，以前从来没有遇到过的。于是我针对这个诡异的问题，做出了一些的尝试。

2024-09-14

1831

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

for循环 slice 数组腾讯技术创作特训营S9 javascript

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

2024-09-13

890

为什么要使用 Git 作为代码版本管理工具？

代码托管版本管理腾讯技术创作特训营S9 git svn

你好，我是喵喵侠。在日常开发工作中，代码版本管理工具是必不可少的，特别是当团队协作开发项目时。曾经，很多开发者都使用过 SVN（Subversion）这样的版本管理工具，但随着时代的进步，Git 已经成为版本管理的主流工具。那么，为什么 Git 会成为当今开发者的首选工具？其他传统工具如 SVN 又有什么优缺点？Git 的未来发展又会如何？下面我们来聊聊这些问题。

2024-09-12

1460

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

浏览器事件腾讯技术创作特训营S9 javascript

你好，我是喵喵侠。我最近遇到了一个问题，就是Vue页面我引入了一个列表组件，这个列表是可以单独滚动的。当我把鼠标移入，开始滚动操作时候，浏览器最右边的滚动条也会开始滚动。我尝试在@mousewheel.native这个事件，第一行加入e.stopPropagation()，发现还是没有作用，最外层的body还是可以滚动。针对这个问题，我花了点时间研究下，下面是原因分析和解决方法。

2024-09-11

2620

腾讯云AI代码助手实战：HTML5版本贪吃蛇小游戏

canvas 游戏 html5

你好，我是喵喵侠。市面上有很多AI编程助手，可以帮你提升开发效率。最近我发现了一款很好用的国产AI编程助手，那就是——腾讯云AI代码助手。我想用它来开发一款小游戏，正好贪吃蛇这款游戏简单易懂，也富有挑战性，就选它了。我会在这篇文章中，讲述我是如何用它来指导我开发HTML5版本贪吃蛇小游戏的。我将从项目需求分析开始，到具体实现步骤，再到总结，带你一步步实现这个经典游戏。

2024-08-25

1460

快速入门MongoDB：适合前端开发者的指南

数据库 nosql mongodb 前端工程师

你好，我是喵喵侠。作为前端开发者，在学习Node.js时，你可能会接触到各种数据库技术。而在这些数据库中，MongoDB是一种非常适合初学者的NoSQL数据库。它不仅简单易用，而且与JavaScript/JSON格式的天然兼容性使得它在Node.js开发中非常受欢迎。在这篇文章中，我将从零开始，逐步教你如何安装、配置MongoDB，并通过Node.js与之交互，进行简单的增删改查操作。相信看完你就能立马学会。

2024-08-22

1500

Vue.js常见的性能优化手段

vue.js 前端工程师前端框架性能优化腾讯技术创作特训营S8

你好，我是喵喵侠。在 Vue.js 项目中，性能优化是确保应用程序快速响应、用户体验良好的关键。合理使用 Vue.js 的 API，不仅可以避免性能陷阱，还能大幅提升应用的效率。本文将从几个常见的 Vue.js API 出发，结合实际场景，深入探讨如何通过正确使用这些 API 来进行性能优化。

2024-08-13

1750

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

数据处理数据可视化 echarts 腾讯技术创作特训营S8 javascript

你好，我是喵喵侠。在数据可视化中，我们经常会遇到需要对数据进行格式化的需求。例如，在 Echarts 的环形图中，我们希望在图表中心的总数，显示经过计算后的结果，比方说25.66这样的小数，默认保留两位小数。但光保留两位小数可不行，还得去掉多余的末尾0。下面来一起探究如何优雅实现吧！

2024-08-11

2030

如何快速实现AI大模型聊天对话框的页面布局？

对话机器人 css3 flexbox 前端腾讯技术创作特训营S8

你好，我是喵喵侠。随着最近两年AI的爆火，市面上出现了各种各样的大模型，而用户和大模型最常见的交互方式就是聊天对话形式，而这个对话框的交互逻辑从IM软件诞生那一刻就已经出现了。对于前端开发来说，巧妙的利用CSS的属性，可以快速的布局一个聊天窗口。下面来一起看看吧！

2024-08-10

2600

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

h5页面 uni-app 前端框架腾讯技术创作特训营S8 api

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

2024-08-09

9810

微服务的世界：从零开始理解微服务架构

架构设计微服务架构模式腾讯技术创作特训营S8

你好，我是喵喵侠。今天我们来探索一个热门的技术概念——微服务。也许你听说过微服务，但却不了解它到底是什么，它与传统的单体架构有何不同，近年来又为什么如此受欢迎。你或许会有这样那样的疑问，不过别担心，在这篇文章中，我将带你从零开始，深入浅出地理解微服务，让你对微服务有一个大致的了解。

2024-08-08

2520

Vue开发技巧：清除v-html指令中的富文本标签

vue3 vuejs2 腾讯技术创作特训营S8 vue.js html

你好，我是喵喵侠。今天要分享一个实用的Vue技巧，那就是如何使用v-html移除富文本中的样式。我在某次实际开发中，遇到了后端返回数据包含富文本的情况。在列表页中，我们可能只需要展示富文本的摘要，不带任何样式标签；而在详情页中，则需要保留原本的富文本格式。针对这种需求，我们可以使用正则表达式来处理富文本内容，使其在不同场景下满足不同的展示需求。

2024-08-07

1360

Vue.js如何阻止子组件的点击事件？

组件化组件设计腾讯技术创作特训营S8 vue.js ant-design-vue

你好，我是喵喵侠。在实际开发中，我们有时候会遇到需要控制子组件行为的需求。比方说我最近遇到一个问题，我需要在特定场景下，在父页面禁用子组件的点击事件，包括不限于子组件本身以及子组件内部子组件的点击事件。下面我将使用 Ant Design Vue 框架实现一个示例，来展示如何在 Vue.js 中阻止子组件的点击事件。

2024-08-06

2970

如何用CSS优雅地实现段落多行文本溢出隐藏？

css3 display overflow webkit 腾讯技术创作特训营S8

你好，我是喵喵侠。在前端开发页面的过程中，有时候需要对段落文字进行溢出隐藏处理，特别是在内容较长的情况下。这篇文章将详细讲解如何使用CSS实现多行文字的溢出隐藏，再想到解决方法之前，你会觉得很麻烦，但有了这篇文章，你再也不用烦恼如何实现段落多行文本溢出隐藏的问题了！

2024-08-05

2160

油猴脚本：快速打开粘贴的多个网址

javascript tampermonkey 脚本腾讯技术创作特训营S8

你好，我是喵喵侠。今天我将为你介绍一个非常实用的油猴脚本，可以帮助你快速打开多个粘贴的网址链接。在日常工作中，我们可能会遇到需要批量打开多个网页的情况，如果手动逐个打开，不仅耗时费力，而且容易出错。为了提高效率，我们可以利用油猴脚本来自动化这一过程。

2024-08-04

1480

油猴脚本：markdown生成带网页标题的链接

markdown tampermonkey 腾讯技术创作特训营S8

你好，我是喵喵侠。在日常浏览网页和编写Markdown文档时，我们常常需要将网页链接插入到Markdown文档中，并附上网页的标题。然而，手动复制链接和标题不仅耗时，而且容易出错。为了解决这个问题，我们可以编写一个油猴脚本（Tampermonkey Script），自动生成带网页标题的Markdown格式链接。本文将详细介绍如何实现这一功能。

2024-08-03

1480

如何用CSS实现一个斜切进度条？

前端图表腾讯技术创作特训营S8 数据可视化 css3

你好，我是喵喵侠。在前端开发中，进度条是一种常见的UI组件，通常是用于展示任务的完成情况。有时候也会遇到一些比较特殊处理的进度条，就比方说我今天遇到的了斜切进度条，如果你开发的多可能也会遇到。下面我将会根据我的实际案例来讲解，如何实现一个斜切进度条。

2024-08-02

1700

如何在Vue2项目中完美集成pnpm？

yarn npm vuejs2 腾讯技术创作特训营S8

你好，我是喵喵侠。虽然Vue3已经出来好几年了，但还是有很多前端旧项目，用的技术栈都是Vue2。使用Vue2就意味着，包管理器只能用npm或者yarn 1.x。而pnpm作为一款全新的包管理器，对项目环境的依赖有要求，要想顺利使用它，则需要做好相关的配置工作。接下来我将会为你介绍pnpm的特点，为什么要使用pnpm，以及具体的配置和解决报错的方法。

2024-08-01

1790

如何用Node.js实现给Markdown文件标题加数字序号？

node.js markdown 脚本文件系统腾讯技术创作特训营S8

你好，我是喵喵侠。作为一名技术创作者，Markdown我每次写文章都会用到，它可以很方便的帮助我书写文章，让我专注于内容，不需要刻意注重排版。

2024-07-31

1370

推荐一款很好用的VSCode变量翻译插件

vscode插件腾讯技术创作特训营S8 visual studio code vscode-extensions

有次我跟前端朋友聊天，发现她对于变量命名很是纠结，很多时候不知道怎么命名好。这个我很擅长啊，我平时喜欢用翻译插件，来生成小驼峰命名的变量。先写一个中文作为注释，然后复制粘贴这个中文，然后按下快捷键就翻译成小驼峰了。下面我将为你介绍这块超级好用的VSCode翻译插件，希望你再也不用纠结变量如何命名了！

2024-07-30

7700

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态