![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 82
JYeontu
不止前端
展开
-
正则表达式写起来不简单,但用起来真香
🎈整理一些常见常用的正则表达式。原创 2024-06-25 08:42:11 · 726 阅读 · 0 评论 -
emoji控必备:制作一个emoji面板插件
💻在数字时代,`emoji表情符号`已成为很多人沟通的重要工具,但是输入法中的emoji表情包可能不太够用,所以很多时候我会到在线的网站去复制emoji,然后再回来粘贴,这样操作感觉有点繁琐,所以制作了这么一个插件。 🍃`emojiPanel` 插件,专为提升你的在线聊天体验而设计,让你能够快速、方便地找到你想要的`emoji`表情,增加文字趣味性。原创 2024-06-25 08:39:58 · 841 阅读 · 0 评论 -
Chrome 有没有插件可以一键保存当前打开的所有标签页?
🎈最近在某乎看到这么一个问题,觉得挺有意思的,想着自己有时候好像也需要用到这样的一个功能,所以便有自己动手做这么一个插件的想法,这里简单分享下这个Chrome插件是怎么快速开发出来的。原创 2024-06-24 08:52:30 · 691 阅读 · 0 评论 -
元素旋转?一个vue指令搞定
🎈鼠标控制元素旋转功能大家应该都不陌生了吧,今天我们一起来看看怎么编写一个`vue指令`来实现元素旋转功能吧!原创 2024-06-24 08:51:39 · 1139 阅读 · 0 评论 -
css怎么绘制一个三角形
在CSS中画三角形通常利用border属性来实现,通过设置三个边的宽度为0,并为一个边提供颜色,结合transform属性进行旋转,可以创建一个三角形。原创 2024-06-19 14:48:22 · 887 阅读 · 0 评论 -
借助浏览器实现一个录屏插件?
🎈不知道大家平时都是使用什么录屏软件呢?有没有想过只用JavaScript我们也可以快速实现一个录屏插件?原创 2024-06-17 15:03:18 · 1634 阅读 · 0 评论 -
“let“能替代“var“吗?
ES6(ECMAScript 2015)引入了新的变量声明关键字 `let`,它提供了一些 `var` 关键字不具备的特性和优势。尽管 `let` 在很多情况下可以替代 `var`,但由于两者在作用域和变量提升等方面存在差异,`let` 并不总是能够完全替代 `var`。原创 2024-04-04 16:01:40 · 393 阅读 · 0 评论 -
元素拖拽?一个vue指令搞定
🎈元素拖拽功能大家应该都不陌生了吧,今天我们一起来看看怎么编写一个vue指令来实现元素拖拽功能吧!原创 2024-04-02 08:43:45 · 1989 阅读 · 2 评论 -
Chrome不支持正则搜索?那我们自己写一个
🎈Ctrl + F 大家都用过了吧,最近在Chrome中使用搜索功能的时候,突然想要使用正则来进行搜索,发现Chrome浏览器自带的搜索功能并不支持正则搜索,于是便想着自己做了一个支持正则搜索的Chrome插件。原创 2024-03-20 08:43:45 · 1310 阅读 · 0 评论 -
veu-router 钩子函数有哪些?
在构建丰富的单页应用(SPA)时,Vue Router 提供的钩子函数是实现高级路由逻辑的关键。原创 2024-03-18 14:54:28 · 637 阅读 · 0 评论 -
Vue 中的 路由守卫 到底是个什么东西?
🎈在构建 Vue 应用程序时,路由守卫是确保流畅用户体验和强大逻辑控制的关键工具。本文将一起探讨 Vue 路由守卫的概念、类型和实际应用,帮助你理解如何利用这些守卫来增强应用的导航能力、实现权限控制和优化用户流程。原创 2024-03-15 14:56:52 · 929 阅读 · 0 评论 -
Vue 中如何进行非父子组件通信?
🎈在构建复杂的 Vue 应用程序时,我们经常会遇到需要在非直接父子关系的组件之间进行通信的情况。本文将深入探讨 Vue 提供的多种非父子组件通信方法,并提供实用的代码示例和应用场景。原创 2024-03-13 09:37:12 · 479 阅读 · 0 评论 -
千分位分隔?一个vue指令搞定
🎈对数字进行千分位分隔后展示应该是大部分同学都做过的功能了吧,常规的做法通常是编写一个工具函数来对数据进行转换,那么我们可不可以通过`vue指令`来实现这一功能呢?原创 2024-02-19 18:49:22 · 2021 阅读 · 0 评论 -
好烦,怎么输入拼音的过程也会触发input事件!!!
🎈input输入框大家应该都很熟悉了吧,不知道大家有没有遇到过这样的一种情况:如上图,在中文输入过程中,输入的拼音也会触发input框的input事件,有些时候我们并不希望在中文输入的过程中拼音触发input事件。在日常开发中,输入框是一个常见的组件,但是在拼音输入过程中,每次输入都会触发input事件,这可能会导致不必要的操作。本文将介绍一种解决该问题的Vue指令,使得在拼音输入过程中不会触发input事件,从而优化输入框体验。原创 2024-02-05 08:50:30 · 2419 阅读 · 0 评论 -
不想要网页默认的右键菜单栏,怎么封装一个可以自定义的右键菜单组件?
🎈网页的功能和用途可能各不相同,在传统右键菜单栏中无法满足每个用户的个性化需求。通过自定义右键菜单栏,用户可以根据自己的需求添加、调整和删除菜单选项,以实现个性化定制。通过自定义右键菜单栏,可以为用户提供快速访问常用功能和操作的便捷方式,从而提高用户体验。原创 2024-01-23 00:09:52 · 2366 阅读 · 0 评论 -
使用vue快速开发一个带弹窗的Chrome插件
🎈平时我们使用Chrome插件通常都只是用来编写简单的js注入脚本,大家有没有遇到过需要插件在页面上注入一个弹窗呢?比如我们希望可以通过快捷键快速唤起`ChatGPT面板`或者快速唤起一个`翻译面板`,这时候我们就需要在页面上注入一个可以使用快捷键唤起的弹窗面板了,那么在插件开发中,我们怎么使用vue框架来进行弹窗面板开发呢?原创 2024-01-16 01:03:19 · 2403 阅读 · 5 评论 -
轻松查看WiFi密码的神奇脚本,让你忘记密码也不再是问题
🎈本文介绍了一个便捷的脚本,可以帮助你获取电脑中保存的所有Wi-Fi网络的密码。不再需要担心忘记Wi-Fi密码或手动查找密码的麻烦,只需运行脚本即可一键获取。原创 2024-01-13 22:39:01 · 1926 阅读 · 0 评论 -
可拖拽流程图组件开发
流程图在技术领域是一种常见的可视化工具,用于展示系统、应用或业务流程的各个步骤以及它们之间的关系。它们可以帮助开发人员和项目团队更好地理解和规划复杂的流程,从而提高工作效率和准确性。但是,传统的静态流程图有时无法满足用户的需求,因此实现可拖拽的流程图组件成为了一个重要的需求。原创 2024-01-01 16:29:58 · 1058 阅读 · 0 评论 -
node封装一个图片拼接插件
平时我们拼接图片的时候一般都要通过ps或者其他图片处理工具来进行处理合成,这次有个需求就需要进行图片拼接,而且我希望是可以直接使用代码进行拼接,于是就有了这么一个工具包。原创 2023-12-25 22:23:35 · 2431 阅读 · 0 评论 -
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
想要在照片上添加个性化水印?不用担心,这个插件提供了简单易用的命令行接口,让你能够轻松实现对图片的水印批量处理,一切变得如此简单!加水印是为了保护图片的版权和安全。在互联网上,很容易将图片下载或者截屏保存下来,然后进行二次使用,这就侵犯了原作者的版权。而加上水印可以使得图片更难被盗用,因为盗用者需要花费时间和精力去处理水印,而这个过程可能会破坏原始图片的质量。原创 2023-12-21 16:23:03 · 1455 阅读 · 0 评论 -
轻松创建自定义手势图案锁 - Vue 手势密码锁组件
🎈Vue 手势密码锁组件是一个功能强大且易于集成的解决方案,旨在为您的应用程序提供安全的登录体验。该组件允许用户通过绘制特定的手势图案来解锁应用程序,取代传统的用户名和密码输入方式。通过引入图案手势锁,用户可以享受到更高的安全性,因为手势图案具有较高的复杂度和难以猜测性。同时,使用手势密码锁还可以提升用户体验,让登录过程更加便捷和流畅。Vue 手势密码锁组件支持高度定制化,您可以轻松地调整样式、主题和验证规则,以适应不同的应用场景。无论您是开发移动应用、网页应用还是桌面应用,Vue 手势密码锁组件都是您打原创 2023-12-11 21:46:39 · 2643 阅读 · 0 评论 -
图中的最长环
🎈不知道大家对于算法的学习是一个怎样的心态呢?为了面试还是因为兴趣?不管是处于什么原因,算法学习需要持续保持,今天让我们一起来看看这一道题目————`图中的最长环`,图论题目中比较常见的环路问题。原创 2023-12-10 21:48:25 · 394 阅读 · 0 评论 -
裁剪数字后查询第 K 小的数字
🎈不知道大家对于算法的学习是一个怎样的心态呢?为了面试还是因为兴趣?不管是处于什么原因,算法学习需要持续保持,今天让我们一起来看看这一道题目————`裁剪数字后查询第 K 小的数字`,使用哈希表可以快速得出答案。原创 2023-12-10 21:46:36 · 933 阅读 · 0 评论 -
深入理解JavaScript闭包:解锁神秘的作用域链
JavaScript中的闭包是一个神奇且强大的概念,本文将带你深入探索闭包的工作原理、应用场景以及如何正确地使用闭包来提高代码的可维护性和灵活性。原创 2023-12-09 20:15:47 · 821 阅读 · 0 评论 -
Excel 表中某个范围内的单元格
🎈 算法并不一定都是很难的题目,也有很多只是一些代码技巧,多进行一些算法题目的练习,可以帮助我们开阔解题思路,提升我们的逻辑思维能力,也可以将一些算法思维结合到业务代码的编写思考中。简而言之,平时进行的算法习题练习带给我们的好处一定是不少的,所以让我们一起来养成算法练习的习惯。原创 2023-12-08 23:23:25 · 923 阅读 · 0 评论 -
轻松实现数字格式化:JavaScript 中的千分位分隔技巧大揭秘
在这篇博客中,我们将深入探讨如何利用 JavaScript 将普通数字转换为带有千分位分隔符的格式。我们将介绍多种方法,包括使用内置的 toLocaleString() 方法、Intl.NumberFormat 对象以及自定义函数来实现数字格式化。无论你是初学者还是有一定经验的开发者,本文都将为你揭示数字格式化的各种技巧和灵活性,让你在数据展示方面游刃有余。让我们一起探索如何美化数字,让数据更加清晰和吸引人!原创 2023-12-08 23:20:17 · 1278 阅读 · 0 评论 -
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
echarts图表我们见多了,有没有想过在控制台实现一个图标呢?本文将带您领略 Node.js 的魅力,教您如何使用 JavaScript 代码在控制台中一键绘制出令人惊叹的柱状图。我们将一起揭示背后的技巧,包括数据处理、格式化输出和绘图算法,让您轻松将数据转化为视觉艺术,并且为您的控制台应用增添一份独特的魅力。原创 2023-12-07 23:18:51 · 423 阅读 · 2 评论 -
在 JavaScript 中,有哪些方式可以达到继承的效果?
在面向对象编程中,继承是指一个类(称为子类或派生类)可以从另一个类(称为父类、基类或超类)继承属性和方法的机制。子类可以继承父类的属性和方法,并且可以添加新的属性和方法,也可以重写父类的方法以实现特定的行为。原创 2023-12-06 21:52:43 · 362 阅读 · 0 评论 -
统计项目代码行数轻松搞定:使用 Node.js 脚本自动统计代码量
在软件开发领域,了解项目的代码规模和复杂度对于项目管理、团队协作以及技术评估都至关重要。通过统计项目代码行数,我们能够更好地把握项目的整体情况,包括但不限于代码量的大小、不同类型文件的分布情况以及项目的结构和复杂度。这些信息对于项目负责人做出决策、开发人员进行优化和维护、以及评估项目的进度和质量都具有重要意义。然而,手动统计代码行数通常会耗费大量时间和精力,特别是在大型项目中。为了提高统计效率并减少人为错误,我们可以借助自动化工具来完成这项任务。本文将介绍如何使用 Node.js 脚本来自动化统计项目代原创 2023-12-06 02:28:43 · 2491 阅读 · 0 评论 -
删除最外层的括号
🎈 算法并不一定都是很难的题目,也有很多只是一些代码技巧,多进行一些算法题目的练习,可以帮助我们开阔解题思路,提升我们的逻辑思维能力,也可以将一些算法思维结合到业务代码的编写思考中。简而言之,平时进行的算法习题练习带给我们的好处一定是不少的,所以让我们一起来养成算法练习的习惯。原创 2023-12-04 23:53:30 · 341 阅读 · 0 评论 -
单词的压缩编码(后缀树的使用)
后缀树(suffix tree)是一种数据结构,通常用于字符串处理。后缀树可以快速找到一个字符串所有的子串,因此在文本搜索、字符串匹配等领域有广泛应用。后缀树的构建过程是将一个字符串的所有后缀插入到一棵树中。这个树满足以下性质:根节点代表空字符串。每个非根节点都表示一个非空字符串的后缀。从根节点到叶子节点的路径表示一个原始字符串的后缀。由于每个节点都代表了一个字符串的后缀,因此可以在后缀树上很容易地查找一个字符串的所有子串,只需要找到以该字符串为前缀的所有路径即可。构建后缀树的时间复杂度为原创 2023-12-04 23:49:39 · 628 阅读 · 0 评论 -
Node.js爬虫实战:搜狗图片爬取
本文将介绍如何使用Node.js编写脚本,通过搜狗图片API获取图片搜索结果,并批量下载搜索结果中的图片。我们将深入探讨如何利用Node.js中的模块来发送HTTP请求、处理API返回的数据,并将图片保存到本地文件系统中。原创 2023-12-03 23:53:42 · 1508 阅读 · 0 评论 -
Node.js爬虫实战:百度图片爬取
本文将介绍如何使用Node.js和相关库构建一个简单而高效的网络爬虫工具,帮助你从百度图片搜索结果中抓取并下载图片。我们将使用Node.js中的axios库发起HTTP请求,并利用cheerio库解析返回的JSON数据。通过这个示例项目,你将学会如何编写一个完整的图片下载工具,可以根据不同的需求进行定制和扩展。原创 2023-12-03 23:25:06 · 1707 阅读 · 0 评论 -
Git分支批量清理利器:自定义命令行插件实战
本文将介绍如何使用自定义的命令行插件来批量选择并删除Git仓库中的多个分支,通过简单的交互式界面,轻松实现分支清理操作,提高开发效率,减少无用分支对代码管理的干扰。原创 2023-12-01 01:07:34 · 954 阅读 · 0 评论 -
提升网页交互体验的秘密武器——防抖和节流
在现代Web开发中,提高网页性能是至关重要的。本文介绍了防抖和节流这两种常用的性能优化技术,通过控制函数的执行频率,有效减少不必要的计算和网络请求,从而提升用户体验和页面加载速度。原创 2023-12-01 01:00:45 · 434 阅读 · 0 评论 -
图片滑块验证功能很难吗?做个可以自己抠形状的图片滑块验证组件
图片滑块验证功能很难吗?难?哪里难了?这么多年都是这么简单好吧,不要睁着眼睛乱说,有时候找找自己的原因好吧,这么多年了技术涨没涨,有没有认真学习原创 2023-11-30 23:47:17 · 1254 阅读 · 0 评论 -
JavaScript图片处理大揭秘!掌握文件流处理方法
💻作为一名前端开发,我们平时也少不了对文件流数据进行处理,今天简单整理一下日常开发中比较常见的一些处理文件流的场景及处理方法,希望可以帮助到大家,挤出多一点的~~摸鱼~~学习时间。原创 2023-11-30 09:00:55 · 1186 阅读 · 0 评论 -
一键上传,无限容量!打造高效图床工具,利用Electron和Gitee搭建自己的私人云存储空间
想要拥有一个私人定制的图床工具?那就来学习如何利用Electron和Gitee打造吧!本文将向你展示如何使用Electron框架构建一个强大的图床应用程序,并利用Gitee提供的无限容量的云存储空间。通过这个工具,你可以轻松一键上传图片、随时访问和管理你的图库,永不受限制。跟随我们的指引,拥有一个属于自己的个性化图床工具!原创 2023-11-30 08:52:09 · 941 阅读 · 0 评论 -
JavaScript黑科技:简洁有用的一行代码,让你的开发效率飙升!
在这篇技术博客中,我们将向你介绍一些令人惊叹的JavaScript黑科技,这些只需一行代码就能实现的简洁而有用的功能,将极大地提升你的开发效率。无论是优化代码、增加交互性,还是实现复杂的逻辑,这些代码片段将成为你工具箱中的宝贵资源。跟随本文,让我们一起领略这些酷炫的JavaScript技巧吧!原创 2023-11-30 08:47:16 · 975 阅读 · 0 评论 -
从基础到进阶:实现div控件的拖拽和缩放功能
如果你正在寻找一个详细的教程,从基础到进阶地学习如何实现具备拖拽和缩放特性的div控件,那么本文将是你需要的!我们将从HTML、CSS和JavaScript的基本知识入手,深入讨论拖拽和缩放的核心概念,然后逐步教你如何利用这些技术实现一个强大的div控件。无论你是初学者还是有经验的开发者,都能够从本文中获得有益的指引和实用的技巧。原创 2023-11-30 08:39:27 · 2707 阅读 · 5 评论