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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

喵喵学前端

专栏成员

31

文章

17701

阅读量

10

订阅数

手把手教你用 Vercel 免费部署 RSSHub

vercel 部署自动化部署腾讯技术创作特训营S7 rss

你好，我是喵喵侠。在当今信息爆炸的时代，我们经常会被各种各样的信息所包围，时间久了就容易被信息茧房所困住。RSSHub 作为一个开源的 RSS 生成工具，能够帮助我们轻松地获取各种网站的内容更新，你可以通过它来订阅你喜爱的媒体资讯或博主动态等；而Vercel 是一个流行的静态网站和无服务器应用部署平台，它提供了免费的部署服务，每个月的免费额度对于个人开发者来说，完全够用了。在这篇文章中，我将一步步指导你如何使用 Vercel 免费部署 RSSHub，让你能快速拥有一个自己的 RSS 服务，配合本地 RSS 阅读器，就能随时掌握订阅最新动态。

2024-06-27

1680

从零开始：使用 Vue-ECharts 实现数据可视化图表功能

数据可视化 echarts vuejs2 腾讯技术创作特训营S7

你好，我是喵喵侠。在前端开发中，经常会接到图表相关的页面需求，你需要在页面上绘制不同类型的图表，来丰富页面数据的呈现效果。通过图表你可以很直观的看到数据的大体情况，可以很方便的将数据进行多维度的对比。接下来我会为你介绍Vue-ECharts，看完本文后你能够快速上手开发。

2024-06-26

5133

Vue项目中的虚拟滚动：提升页面渲染性能的最佳实践

vuejs2 前端性能性能优化腾讯技术创作特训营S7

在现代 Web前端开发中，性能优化一直是个重要话题。尤其在数据量较大的情况下，页面的渲染性能会直接影响用户体验。使用虚拟滚动技术，可以有效解决大数据量下的渲染性能问题。本篇文章将带你深入了解虚拟滚动的应用，帮助你在Vue项目中优化页面渲染性能。

2024-06-25

1600

前端表单案例：实现用户姓名实名或匿名表单填写合法性验证功能

element ui 表单验证前端前端工程师腾讯技术创作特训营S7

你好，我是喵喵侠，在前端开发工作中，我们经常需要根据用户输入的内容进行验证，尤其在需要实名认证的场合，对姓名的验证尤为重要。然而，由于各种原因（比方说保护个人隐私），有时我们还需要接受匿名的输入。这就要求我们在验证姓名时具有较大的灵活性。在这篇文章中，我将以 Element UI 表单为例，介绍如何使用正则表达式实现这种灵活的姓名验证，希望能对你有所帮助。

2024-06-23

1300

深入了解 JavaScript 解构赋值

json 对象腾讯技术创作特训营S7

你好，我是喵喵侠。JavaScript 中的解构赋值是一种简洁而强大的语法，它允许我们从数组或对象中提取值并将其赋给变量。解构赋值不仅提高了代码的可读性，还减少了代码的冗余。本文将深入探讨解构赋值的原理、使用场景及其在实际开发中的应用。当你彻底掌握解构赋值后，你可以书写更少的代码，轻松完成赋值操作。

2024-06-22

1031

前端技巧：JavaScript 中如何把数组复制n份合并成一个新数组？

javascript 函数前端数组腾讯技术创作特训营S7

你好，我是喵喵侠。作为一名前端开发，在开发页面的时候，经常需要跟后端工程师进行接口联调。后端工程师会把数据以接口的形式，返回给前端，前端需要拿这些数据，以特定的方式渲染到页面，呈现出精彩纷呈的界面和交互效果。

2024-06-21

1112

前端表单输入框自动填充和覆盖逻辑的实现

前端前端框架腾讯技术创作特训营S7 element ui 表单

你好，我是喵喵侠。在Web开发中，动态表单的联动操作，是非常常见的需求，尤其是在需要实现复杂逻辑时，更是不可或缺。正好我在工作中，好几次遇到了输入框内容需要被填充的需求，本文将会为你详细介绍这样的需求案例，展示具体实现的思路和实战代码。

2024-06-20

2753

前端开发必备的 VSCode 插件推荐（第三期）

vscode-extensions vscode插件前端前端工程师腾讯技术创作特训营S7

哈喽，你的喵喵侠又来啦！前两期的分享，不知道有没有对你的工作编码帮上忙呢？今天我要继续推荐一波好用的VSCode插件，希望它们能让你的编码体验更顺畅，更高效！准备好迎接新的工具了吗？让我们一起来看看这些插件吧！

2024-06-18

2592

前端开发必备的 VSCode 插件推荐（第二期）

腾讯技术创作特训营S7 对象存储 vscode-extensions vscode插件前端

你好，我是喵喵侠。在上一期的《前端开发必备的 VSCode 插件推荐（第一期）》中，我为大家介绍了三款实用的 VSCode 插件，帮助大家提升开发效率。这次，我将继续为大家推荐几款功能强大的插件。这些插件不仅能够增强 VSCode 的功能，还能为你的开发过程带来更多便利和乐趣。无论你是初学者还是资深开发者，这些插件都值得一试，希望能为你的编码之旅带来新的灵感与提升。接下来，让我们一起来探索这些出色的工具吧！

2024-06-17

3271

前端开发必备的 VSCode 插件推荐（第一期）

vscode-extensions vscode插件腾讯技术创作特训营S7

Visual Studio Code (VSCode) 是一款轻量级且强大的代码编辑器，以其丰富的插件生态系统深受开发者喜爱。对于前端开发者而言，选择合适的插件可以显著提升开发效率和代码质量。本篇文章我将为大家推荐几款前端开发必备的 VSCode 插件，这些插件可以帮助你在日常工作中获得更好的开发体验。

2024-06-16

1432

亲身体验腾讯元器：洞察人工智能的未来之路

人工智能前端玩转腾讯元器腾讯技术创作特训营S7

随着人工智能技术的不断发展，各类AI工具和平台层出不穷。腾讯云推出的AI智能体创作工具——腾讯元器，正是在这样的背景下应运而生。腾讯元器为用户提供了强大且易用的AI创作体验，使得复杂的AI技术变得更加亲民和易于掌握。无论你是普通用户，还是开发者，都可以自己搭建属于自己的智能体。

2024-06-14

1871

你不知道的 CSS flex 陷阱

css3 flex flexbox 布局腾讯技术创作特训营S7

你好，我是喵喵侠。在现代Web开发中，CSS的Flexbox布局模式，因其灵活性和简洁性而备受推崇。然而，即使是经验丰富的前端开发者，有时也会遇到一些令人困惑的问题。例如，当我们使用 flex-wrap: wrap 属性后，发现元素之间出现了意想不到的上下间距，这到底是为什么呢？怎么样才能解决这个问题呢？

2024-06-13

2604

如何实现两个下拉选择框 select选中联动效果？

前端腾讯技术创作特训营S7 element ui

某一个页面，上面是查询项，下面是列表。查询项中有两个下拉选择框，都是查询条件。这两个选择框是父子级的关系。当我选中第一个选择框某一项时，第二个选择框的下拉项会发生变化；当选择第二个选择框的某一项时，需要回填第一个选择框的值。

2024-06-12

2491

如何解决 flex 布局下子元素 width 宽度设置失效的问题

腾讯技术创作特训营S7 css3 flex flexbox 前端

大家好，我是喵喵侠。在进行前端开发过程中，我们经常使用到flex布局，这种布局方式灵活便捷，但有时候也会遇到一些棘手的问题。例如，子元素宽度受挤压影响、子元素宽度超出父容器、设定的子元素宽度失效等情况。

2024-06-11

5021

CSS弹性盒子布局图标的展示效果优化技巧

css3 布局腾讯技术创作特训营S7

在前端开发的日常工作中，CSS布局用到很多。有时候设计师考虑不够充分，没有针对不同设备尺寸，做布局显示上的优化，但作为前端开发，必须要考虑这些，需要对自己开发的页面负责。正好我在工作中遇到了一个CSS布局的小问题。本文将介绍这个问题的来源，以及我的解决思路。

2024-06-10

1642

如何手动停止 videojs 直播视频流 m3u8 请求？

腾讯技术创作特训营S7 前端性能监控前端框架

在公司某个可视化大屏项目中，大屏页面会有多个 videojs 组件，每个组件都会对应一个视频流地址。每当视频开始播放，视频流m3u8 会不断请求，即便是暂停了播放，这个请求也不会终止。大量的请求会导致页面卡顿，长此以往会带来性能问题，导致浏览器卡死甚至崩溃。

2024-06-09

2133

使用 nvs 工具来切换 node 版本

腾讯技术创作特训营S7

nvs 是一款十分方便的 node 版本的管理工具，用来满足不同项目对 node 版本的要求。

2024-06-08

1834

前端如何借助 AI 工具提升开发效率

大家好，我是喵喵侠。在日新月异的前端开发领域，开发效率的提升显得尤为重要。随着人工智能（AI）技术的不断进步，各种AI工具在前端开发中的应用也越来越广泛。目前市面上的 AI 工具有很多，但基本用法都大差不大。所以在这篇文章，我会告诉你 AI 工具的通用技巧，带你了解如何借助AI工具来提升前端开发效率，并通过实际的业务场景和案例展示这些工具的实际应用效果。

2024-06-07

3102

腾讯混元助手代码能力亲体验

玩转腾讯混元大模型

大家好，我是喵喵侠。先前体验过一期混元大模型，有亮点有槽点。好在官方团队每隔一段时间，就会对大模型进行迭代优化，那么这次再来看看，混元大模型的实际表现如何。这里我准备了一些问题，让我们来一探究竟吧！

2024-02-01

3380

你不可不知的腾讯混元大模型前端开发实战技巧

玩转腾讯混元大模型 chrome-extension 前端腾讯混元大模型

大家好，我是喵喵侠，是一名前端开发。在日常开发的过程中，我经常会遇到各种问题，以往最常见的解决方式是借助搜索引擎，来寻找问题的解决办法。这种方式虽然大部分情况下能解决问题，但搜索和筛选还是需要花费不少精力的，搜索关键词不对，还得反复尝试。现在有腾讯混元大模型就方便多了，你能够通过自然语言描述，向大模型表达你的问题和需求，随后等待片刻，就能得到你想要的答案，这样就节省了大量搜索的时间，十分方便。我会在本篇文章中，先为大家介绍腾讯混元大模型的能力，然后按照我的平日的使用习惯，分享我之前的提问案例，最后会带来一个完整的开发实战小项目，相信看完本文的你一定会有所收获。

2023-11-27

7130

点击加载更多

社区活动

AI代码助手快速上手训练营

鹅厂大牛带你玩转AI智能结对编程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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