喵喵学前端-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

喵喵学前端

专栏成员

56

文章

29540

阅读量

10

订阅数

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

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

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

2024-09-14

1760

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

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

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

2024-09-13

790

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

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

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

2024-09-11

1950

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

数据库 nosql mongodb 前端工程师

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

2024-08-22

1420

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

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

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

2024-08-13

1720

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

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

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

2024-08-11

1840

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

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

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

2024-08-10

2220

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

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

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

2024-08-09

7910

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

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

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

2024-08-07

1230

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

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

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

2024-08-06

2690

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

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

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

2024-08-05

1900

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

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

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

2024-08-04

1340

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

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

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

2024-08-03

1360

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

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

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

2024-08-02

1480

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

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

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

2024-08-01

1550

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

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

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

2024-07-31

1310

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

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

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

2024-07-30

6800

如何让前端项目代码变得简洁优雅？

javascript 代码规范代码优化前端工程师腾讯技术创作特训营S8

你好，我是喵喵侠。在日常开发中，难免会见到一些不太好的代码，看的人脑壳疼。我今天就遇到了好几处烂代码，发现有些代码是从别的项目拷贝过来的，有些则是一些人没有好的书写代码的习惯，亦或是不知道怎么样用简洁优雅的方式来书写代码。

2024-07-29

1740

Vue的生命周期详解及业务场景应用

生命周期腾讯技术创作特训营S8 vue.js vuejs2

大家好，我是喵喵侠。Vue.js是一个渐进式JavaScript框架，用于构建用户界面。为了更好地管理组件的创建、更新和销毁，Vue提供了一系列的生命周期钩子函数。这些钩子函数让我们能够在组件的不同阶段执行特定的操作，从而实现更复杂和高效的业务逻辑管理。在Vue.js的项目开发过程中，经常会用到各种生命周期钩子函数，合理的使用对应的钩子，可以有效的进行业务功能开发。下面我将为你介绍Vue.js的生命周期，以及具体业务场景的实际应用。

2024-07-28

1231

使用JavaScript位运算巧妙实现权限管理

前端优化数据访问权限腾讯技术创作特训营S8 javascript 前端设计

大家好，我是喵喵侠。昨天一位前端开发妹子找我聊天，向我请教问题，我看她写的函数代码是这样的，发现她有这么一段逻辑，用于来做权限判断，代码截图如下：

2024-07-27

2510

点击加载更多

社区活动

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

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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