组件库

大家对于雷达图应该都不陌生了吧，比如龙珠中这个经典的龙珠雷达，今天让我们一起来看看怎么封装一个雷达图vue组件。

虚拟列表的核心思想是只渲染可视区域内的数据项，当用户滚动列表时，动态更新可视区域内的数据项。这样可以避免一次性渲染大量数据项，减少 DOM 操作，提高性能。

微信里的@功能大家应该都用过了吧，那么有没有想过它是怎么实现的呢？今天我们就一起来简单实现一个带@功能的输入框组件。

最近追剧的时候发现，现在很多视频平台都会在视频暂停的时候播放广告，并将播放的视频页面缩小到角落里，长视频平台的"暂停广告"似乎已成行业潜规则。那么这种“反人性的交互设计”功能是怎么实现的呢？

所谓的数据脱敏，是指在不影响数据分析结果的准确性前提下，对原始数据中的敏感字段进行处理，现在我们需要实现输入框聚焦时显示真实数据供用户进行修改，失焦时显示脱敏后的数据。

视频长按加速是一个很常见且很实用的功能，今天就让我们一起来实现一下，封装一个支持长按屏幕加速且可以通过屏幕滑动来切换加速倍率的vue组件。

最近在做一个需求，需要在用户输入数字失焦后实时将数字转为大写中文，聚焦的时候将大写中文转为数字以便用户继续修改。这里我们可以封装一个通用指令来做转换，接下来就让我们一起来实现一个转换指令吧。

🎈上拉加载更多的分页功能大家应该都见过或者使用过了吧？那么有多少同学自己实现过吗？今天我们来简单实现一个上拉加载更多分页组件。

最近在做一个统计表单录入功能，每一个表单项都需要自己先计算好总数再录入，这样操作显得有些繁琐，所以就想着可不可以将计算过程也集成到输入框里，这样我们可以直接输入算式，然后由输入框来完成计算，最后直接得

🎈元素拖拽缩放功能大家都不陌生吧？今天我们一起来看看怎么简单编写一个vue指令来实现元素拖拽缩放功能。

📺在数字时代，表情符号已成为我们沟通的延伸。大部分同学在平时沟通聊天中都少不了使用emoji表情，所以今天我们一起来编写一个emoji选择器组件，可以一键引入为你的输入框添加emoji表情选择功能。

🎈上上个星期写了一篇文章，记录了怎样通过纯前端实现一个`鼠标滑动预览视频封面的vue组件`，不少人跟我反馈说那样实现的效果不太好，用户体验感较差，也给了我一个新的实现方案，所以现在我在上上周实现的组

刮刮卡大家应该都玩过吧，还记得小时候的小卖部总会有各种各样的刮卡抽奖活动，刮卡时那心跳的感觉让我们更加的欲罢不能，通过canvas我们可以很方便的实现一个刮刮卡的功能效果，那么不使用canvas的话呢

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第6天，点击查看活动详情 说在前面 效果展示 组件实现效果如下图： 预览地址 http://jyeontu.xyz/jvuewhee

现在很多地方都有使用到弹幕，最近在捣鼓自己的个人博客网站，也想着在里面加入一个弹幕模块，所以在这里封装了一个可复用的弹幕组件，目前已经实现了基本的功能，可能还会有存在缺陷，后续会继续优化。

🎈相信很多80、90后的朋友，对QQ宠物印象非常深刻，每次开机宠物就会自动跑出来。有很多人总是一上线就退出，但就是不愿因取消“开机自动开启”的勾选。2018年09月15日，QQ宠物正式停止游戏运营，

贡献度面板（Contribution Graph）是指在代码仓库中按时间展示每位开发者的提交情况的可视化图表。它会显示不同日期的提交次数，并用颜色的深浅表示提交的数量。为团队提供了一个直观且可量化的视

平时我们在终端输入命令的时候是不是都可以通过tab键来进行快速补全？那么有没有想过怎么去实现这个自动补全的功能呢？今天让我们一起来使用字典树实现一个可以自动补全的输入框。

🎈网页的功能和用途可能各不相同，在传统右键菜单栏中无法满足每个用户的个性化需求。通过自定义右键菜单栏，用户可以根据自己的需求添加、调整和删除菜单选项，以实现个性化定制。通过自定义右键菜单栏，可以为用

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第5天，点击查看活动详情。 说在前面 效果 预览地址：http://jyeontu.xyz/jvuewheel/#/JToolTipV