🎈防抖（Debounce）在前端开发中是一种常用的技术，它的作用是限制某个操作在短时间内的频繁触发，只有在一定的间隔时间内才执行相应的操作。

🎈Vue 手势密码锁组件是一个功能强大且易于集成的解决方案，旨在为您的应用程序提供安全的登录体验。该组件允许用户通过绘制特定的手势图案来解锁应用程序，取代传统的用户名和密码输入方式。通过引入图案手势锁，用户可以享受到更高的安全性，因为手势图案具有较高的复杂度和难以猜测性。同时，使用手势密码锁还可以提升用户体验，让登录过程更加便捷和流畅。Vue 手势密码锁组件支持高度定制化，您可以轻松地调整样式、

说在前面🎈平时给文字加悬浮提示，我们通常都是直接使用title属性来实现，但是这样的效果并不好看，那我们可以自己动手做一个tooltip悬浮提示框吗？说做就做，让我们一起来看看✍️效果预览地址：http://jyeontu.xyz/jvuewheel/#/JToolTipView效果实现HTML部分如下图，简单写一段话使用p标签包裹起来，span标签中的内容是需要我们设置悬浮提示的内容。<

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

说在前面🎈相信大家对于连连看这款游戏都不陌生了吧？还记得在我小时候，有一段时间周边的人都被这游戏给吸引了，那时候我就在想，我点了两个图片，它怎么知道能不能连线，还有明明有很多条路线可以走，为什么就要走那一条？直到后来我学习了BFS算法体验地址大家可以先到体验地址试玩一下，欢迎大家的意见反馈。JYeontuGame在线体验地址：http://jyeontu.xyz/JYeontuGame/#/项目

vue+canvas实现手写签字画板效果预览体验地址用途涂鸦画板签名板实现使用canvas，通过监听鼠标动作来进行绘图。关键代码如下：drawing(event){if(!this.penClick) return;//鼠标按下状态const canvas = document.getElementById('canvas'); //获取canvas标签const ctx = canvas.get

🎈不知道大家平时在逛B站的时候有没有发现这么一个功能？在视频封面移入鼠标时我们可以对视频进行预览，预览过后再决定时候要点进去观看视频，那么这个实现具体是怎么实现的呢？让我们一起动手来试一下吧。...

🎈常见的轮播图组件我们见得很多了，那么来封装个3D轮播图组件怎么样呢？使用CSS3中的transform-style 和 perspective属性来实现一个3D轮播图。

效果说在前面因为自己有需求，想要一个可以自由拖拽排序的流程图组件，在网上没有找到合适的demo，所以便自己动手做了这样一个雏形。组件设计首先需要设计好配置参数，然后就是讲配置参数融入到样式的设计处理上，最后是实现组件拖动并实时展示效果。参数整体参数参数描述title标题（String）dragAble是否可拖拽（Boolean）width图标最小宽度（number）radius是否圆角（Boole

说在前面最近在搭建一个自己的博客网站，博客网站肯定少不了和读者的交流，因此需要一个评论模块来搭建起博主和读者的联系，在完成评论模块的时候顺手将其封装成了一个评论组件，在这里记录一下，也给大家简单分享一下，大家有什么好的建议都可以评论告诉我。组件介绍博客地址：http://jyeontu.xyz/JYeontuBlog/#/home组件在博客中的展示如上图，博客链接也贴在了上面，感兴趣的同学可以进去