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

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

喵喵学前端

专栏成员

59

文章

48647

阅读量

10

订阅数

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

vuejs2 表单组件化低代码开发腾讯技术创作特训营S11#重启人生

你好，我是喵喵侠。JEECG低代码平台中的JFormContainer组件，是一个用于控制表单禁用状态的专用组件。通过该组件，开发者可以轻松实现表单的禁用与启用，尤其是在查看详情时，表单内容通常需要设置为只读状态。本文将详细解析JFormContainer的使用方法，并解释为什么需要在a-form-model中添加slot="detail"。

2025-01-20

1250

你不知道的CSS fixed定位小技巧

position 腾讯技术创作特训营S11#重启人生 css css-position fixed

你好，我是喵喵侠。我平时有逛网站的习惯，看到网站有一些不错的内容，就会去点赞回复评论，同时也会去体验网站的各种功能。在这过程中，我经常会发现一些产品体验问题或bug，今天正好发现了一个，找到了解决方案，还学到了知识，特此写一篇文章记录下。

2025-01-13

1682

关于float元素浮动后高度变化导致排列错位的问题

css-float 布局前端腾讯技术创作特训营S10 css

你好，我是喵喵侠。在现代Web布局中，flex和grid布局用到的会比较多，但我们仍然会遇到一些老旧项目，里面的前端UI框架，采用的还是float布局。在这种情况下，如果你对float布局不了解，就会在开发的过程中踩到坑。下面我来为你讲解，float元素高度变化后，是如何影响相邻元素的，以及如何解决这样的问题。

2024-11-26

1863

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

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

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

2024-09-14

4161

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

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

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

2024-09-13

1270

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

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

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

2024-09-11

6990

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

数据库 nosql mongodb 前端工程师

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

2024-08-22

2270

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

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

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

2024-08-13

2420

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

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

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

2024-08-11

3480

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

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

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

2024-08-10

9050

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

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

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

2024-08-09

2.3K0

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

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

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

2024-08-07

2860

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

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

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

2024-08-06

5010

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

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

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

2024-08-05

7180

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

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

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

2024-08-04

3020

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

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

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

2024-08-03

2420

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

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

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

2024-08-02

3150

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

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

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

2024-08-01

3750

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

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

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

2024-07-31

1950

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

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

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

2024-07-30

2.1K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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