- 博客(186)
- 资源 (10)
- 收藏
- 关注
原创 基于Vue3+Hooks实现4位随机数和60秒倒计时
首先,Vue3的Hooks是一种新的 API,用于在Vue组件中管理状态和生命周期。它们是基于 React Hooks的概念设计的,可以让开发者更方便地在函数式组件中使用状态管理和生命周期函数。本文给大家分享一下基于Hooks实现的两个案例。
2024-01-24 17:51:35
531
原创 RabbitMQ消息队列常见面试题
本文是对RabbitMQ的常见面试题问答的总结,同时也是一个RabbitMQ的入门学习,还没了解的同学快来认识一下。
2023-12-27 17:15:03
552
原创 Redis Stream消息队列之基本语法与使用方式
本文的主角是Redis Stream,它是Redis5.0版本新增加的数据结构,主要用于消息队列,提供了消息的持久化和主备复制功能,可以让任何客户端访问任何时刻的数据,并且能记住每一个客户端的访问位置,还能保证消息不丢失,功能颇为强大。
2023-12-23 18:01:35
1253
原创 使用Redis和Nginx分别实现限制接口请求频率
为啥需要实现接口限流?这个是因为防止接口一直被刷,比如发送手机验证码的接口,一直被刷的话,又费钱又费资源,至少做点基本的防护工作。以下分别使用Redis和Nginx实现接口限流方案。
2023-12-20 17:42:57
708
原创 Redis字符串数据类型之INCR命令,通常用于统计网站访问量,文章访问量,实现分布式锁
Redis的INCR命令用于将键的值增加1。如果键不存在,则会先将键的值设置为0,然后再执行INCR操作。INCR命令的作用是对计数器进行自增操作,可以用于实现多种场景,比如统计网站访问量、文章访问量、分布式锁等。
2023-12-18 20:11:42
2853
原创 使用Vue实现一个当鼠标悬浮时出现,鼠标离开时消失的双层菜单
分享一个基于Vue实现一个当鼠标悬浮时出现,鼠标离开时消失的双层菜单。同时也是为了以后需要类似的需求时,可以提供一个实现思路,以及可以快速ctrl+c和ctrl+v操作,提高工作效率~
2023-12-08 10:53:30
1254
原创 基于SpringBoot自定义线程池实现多线程执行方法,以及多线程之间的协调和同步
在服务端开发中,多线程开发是非常重要的。因为多线程可以同时处理多个请求,从而提高应用程序的性能,大大改善用户体验。
2023-12-01 17:21:46
2197
2
原创 基于SpringBoot+Redis实现查找附近用户的功能
简单记录一下使用Redis的GEO命令,SpringDataRedis提供了十分简单的地理位置定位的功能,实现查找附近的人的功能。
2023-11-22 17:02:29
671
原创 基于SpringBoot+Redis实现点赞/排行榜功能,可同理实现收藏/关注功能,可拓展实现共同好友/共同关注/关注推送功能
简单记录一下在SpringBoot项目中,使用Redis实现点赞/排行榜功能,可同理实现收藏/关注功能,可拓展实现共同好友/共同关注/关注推送功。主要用到了Redis中的Set集合和ZSet集合。
2023-11-22 15:00:15
2610
1
原创 MySQL - 左连接、右连接、内连接、完全外连接、交叉连接 & 一对多、多对一、多对多 & 联合连接
做服务端接口开发时,经常对数据库进行查询操作,了解并掌握数据库的左连接、右连接、内连接、完全外连接、交叉连接,一对多、多对一、多对多,联合连接等概念和使用就很重要了。
2023-11-10 17:44:46
2918
原创 如何在Vue3项目中使用防抖节流技巧
防抖节流是可以说是一种优化组件性能的技巧,可以有效减少组件中的渲染次数和计算量,从而提高组件的响应速度和用户体验。在Vue3中可以使用`lodash`库中的`debounce`和`throttle`函数来分别实现防抖和节流。当然也可以自行设计实现防抖节流函数,调用方式都差不多。
2023-11-02 17:01:51
5361
原创 在Vue3+ElementPlus项目中使用具有懒加载的el-tree树形控件
有时遇到一些需求就是在使用树形控件时,服务端并没有一次性返回所有数据,而是返回首层节点列表。然后点击展开首层节点中的某个节点,再去请求该节点的子节点列表,那么就得用上懒加载的机制了。在此以ElementPlus的树形控件为例,实现一个具有懒加载的树形控件的示例页面。
2023-11-01 17:10:01
3407
原创 Vue3项目使用G6可视化组件实现一个树形机构图
之前一直使用Echarts或Highcharts实现图表,也有听说G2/G6这些玩意,于是在项目中使用看看效果,还不错的样子。
2023-10-24 20:14:58
1469
1
原创 在Vue3+ElementPlus项目中实现一个简单的新增/移除行记录的小组件
有时需要一些前端需求就是支持表格编辑,点击新增一行或者移除一行。这不马上搞一个示例代码出来了吗?方便以后复制粘贴,提升工作效率~
2023-10-18 17:59:16
98
原创 在CentOS操作系统上使用yum安装/使用/卸载Docker容器引擎
简单记录一下如何在CentOS操作系统上安装、使用、卸载Docker容器引擎,以及配置Docker镜像加速地址。
2023-10-12 00:46:42
813
原创 超简单使用Vite+Vue3构建共享开发和分模块打包的前端项目
最近有个需求就是构建一个可复用公共组件、可分模块独立部署的前端项目。关于这个共享开发和分模块打包的操作,还记得是在上家公司的某个SpringBoot项目上见过。它的好处就是子模块各自独立开发与打包、可复用父模块的共享代码、降低耦合度等。前端这里还没试过这样的操作,于是面向谷歌/百度开发一下。嗯,原来有这种操作的,真是流批,在此记录一下这个解决方案。
2023-10-10 17:37:57
1423
原创 SpringBoot项目整合MybatisPlus持久层框架+Druid数据库连接池,以及实现增删改查功能
之前搭建SpringBoot项目工程,所使用的持久层框架不是Mybatis就是JPA,还没试过整合MybatisPlus框架并使用,原来也如此简单。在此简单记录一下在SpringBoot项目中,整合MybatisPlus持久层框架、Druid数据库连接池的过程。
2023-10-09 18:08:47
623
原创 使用ElementPlus实现内嵌表格和内嵌分页
有时遇到这样的需求,就是在表格里面嵌入一个表格,以及要求带有分页,这样在ElementPlus中很好实现。以下使用Vue2语法实现一个简单例子,毕竟Vue3兼容Vue2语法,若想要Vue3版本例子,简单改改就OK了。
2023-09-14 16:53:51
1163
原创 基于Java+freemarker实现动态赋值以及生成Word文档
有一个需求就是给定一个正确格式的 Word 文档模板,要求通过动态赋值方式,写入数据并新生成 该模板格式的 Word 文档。这很明显使用 Java+freemarker 方式来实现颇为简单。
2023-09-11 19:53:37
876
原创 如何在Vue2.X/Vue3.X项目引入jQuery,以及增加jQuery.easing扩展?让你的动画效果更加丝滑!
还记得在2015左右,网页开发依然是jQuery的天下,虽然Vue、React开始盛行,以及后面Angular也开始抢占市场,但是jQuery在市场上依然占有较大的比重。当时的html页面大多是用jQuery来写的,为jQuery设计的插件也是相当丰富的。比如,使用jquery.js 结合 jquery.easing.js 来实现动画效果就挺方便的。
2023-08-14 01:19:08
738
原创 Vue3使用Mitt中央事件总线实现组件之间通讯(发布订阅库)
现在的项目慢慢从 Vue2 升级到 Vue3 了,之前 Vue2 自带的中央事件总线是 EventBus,在 Vue3 中已经被移除了,官方推荐使用 Mitt 发布订阅库。在此简单记录一下 Mitt 的使用方式。
2023-08-03 18:07:17
705
1
原创 使用Vue+CSS实现汉堡图标过渡为叉号图标,有点意思
本文给大家分享三个具有过渡效果的汉堡图标,当点击汉堡图标时,过渡为叉号图标。这种具有过渡特效的图标挺炫酷的,感觉一下子给网页增加一点新颖特色。早在2015年左右,国外挺多优秀门户网站都有使用类似的图标,那时不知道怎么实现,现在研究了一下,大概是使用CSS伪类和动画的技巧来实现。
2023-08-01 00:40:25
1493
3
原创 使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
大学时做过一些基于Struts+Spring+Hibernate的项目,但是以前的项目是使用MyEclipse或者Eclipse工具来开发的,而且还是外部引入依赖包,甚是麻烦。想着翻新一下曾今写的一些SSH项目,于是使用IDEA+Maven来搭建整合一下。主要就是拿来玩的,听说Struts2挺多漏洞的,有过几次漏洞事故,不知修复得怎么样,至于这个技术,大家就简单看看就好了。
2023-07-28 19:24:01
334
原创 基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
其原理主要是利用JavaScript中的鼠标事件来控制CSS样式。大致就是监听某个DOM元素的鼠标按下事件,以及按下之后的移动事件和松开事件。在鼠标按下且移动过程中,可实时获得鼠标的X轴坐标的值,通过简单计算,可计算出目标元素的宽度,然后再用CSS赋值就实现该效果了。
2023-07-28 15:19:15
3959
原创 在Vue2或Vue3中项目中使用 Isotope(同位素) 过滤和排序神奇的布局神器,全网独家实现!
目前,不仅JQuery支持Isotope,还有Vue、React、Angular等这些框架也有对其进行封装,做成了组件,方便引入项目并使用。但是随着Vue等框架版本的升级,这些组件许多没有继续更新,不支持高版本的前端框架。也就是说在高版本前端框架的项目中引入许多年前的组件,或多或少会出现报错导致无法使用。于是,UP在此实现如何在Vue2或Vue3项目中使用 Isotope(同位素)神器,挺简单的,全网独家实现。
2023-07-24 17:55:57
463
6
原创 基于SpringBoot + Vue实现单个文件上传(带上Token和其它表单信息)的前后端完整过程
有时遇到这种需求,在上传文件的同时还需要带上token凭据和其它表单信息,那么这个需求前端可以使用FormData数据类型来实现。FormData和JSON一样也是通过body传递的,前者支持字符串和二进制文件,后者只能是字符串,如下图1,图2所示。(1)视图页面(/src/view/Example/UploadFormData/index.vue)(3)实现层(GameServiceImpl.java)(1)控制层(GameController.java)
2023-07-22 17:12:44
1021
原创 基于SpringBoot + EasyExcel + Vue + Blob实现导出Excel文件的前后端完整过程
首先前端发起HTTP请求之后,后端返回一个Excel输出流,然后前端用Blob类型接收数据,并且解析响应头数据以及提取源文件名,最后用a标签完成下载。
2023-07-19 18:29:02
3451
原创 在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
有需求需要用到这个大腿们设计的无缝滚动插件(vue3-seamless-scroll),效果不错,记录一下使用过程。本插件不需要全局引用,只需要局部引用到页面中即可,主要有三个步骤,分别是引入、注册、使用。
2023-07-17 18:12:42
8273
4
原创 在 Vue3 + ElementPlus 项目中使用 el-autocomplete 控件
这个 el-autocomplete 控件颇为好用!在大量数据的情况下,其可以替换 el-select 控件,不会说卡顿得不行。另外,我发现当 element-plus 版本为2.2.32时,这个控件的clearable 属性失效,在使用当前最新版本2.3.9时,这个属性起效了,应该是修复了这个 bug 了吧。
2023-07-13 21:18:14
2412
原创 使用React的函数式组件实现一个具有过渡变化、刻度切换、点击高亮的柱状图DIY组件
本想使用业界大佬们开源的各种图表库(如:ECharts、G2可视化引擎、BizCharts ...),但是有的需求不仅要求有过渡变化,还要点击某个图高亮同时发送HTTP请求数据等功能,着实不知道怎么把canvas或svg绘制的图表弄成高亮,于是自己动手丰衣足食。虽然说React是通过虚拟DOM来渲染视图的,最好不要直接操作DOM,但是目前技术有限,而且也只是操作一下DOM来修改一点点CSS样式,这个以后再优化吧。
2023-07-10 15:51:01
571
原创 使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件
记录一下使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件。
2023-06-25 18:24:53
782
原创 基于Element UI或Element Plus实现具有倒计时的Message消息提示
刚好遇到一个需要自动关闭消息提示的需求,可Element框架暂时没有实现这个功能。开始时没有头绪,于是搜一下道友的博客文章,看到有一篇文章实现了这个功能,在此我完善了一下这个技巧方法。完善后的技巧方法支持多次点击,实例化多个消息提示,每个消息提示都具有自己的倒计时。以及可在Element UI或Element Plus框架上实现。
2023-06-16 18:48:11
2289
1
原创 使用Vue+xlsx+xlsx-style实现导出自定义样式的Excel文件
本文就是上一篇《使用Python+openpyxl实现导出自定义样式的Excel文件》文章中提到的“之前项目的导出Excel文件操作都是在前端完成的...”这段话中基于前端实现的导出Excel文件方法。
2023-06-09 16:50:37
5619
13
转载 使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
有时遇到一些需求,需要实现ElementUI或ElementPlus中,el-tabled组件合并单元格的功能,稍微了解一下它的数据格式,不难可以写出比合并方法。但是在鼠标经过单元行时,会出现高亮的行与鼠标经过的行不一致的BUG。因此还需要实现@cell-mouse-enter和@cell-mouse-leave这两个方法,才可解决此问题。
2023-05-10 18:27:11
12783
3
原创 使用 el-tree 实现计算每个非叶子节点的后代节点的个数并显示
今天实现一个这样的 Web 前端需求,给定一个嵌套结构的 json 数据,计算每个非叶子节点中,其后代节点的个数,以及其后代节点中ID为一万倍数的个数,在此简单记录一下。
2023-05-08 17:41:53
724
原创 ElementPlus 之 el-select 多选实现全选功能
经常会遇到这种多选下拉框支持全选的需求,在此简单记录一下在 ElementPlus 框架下,如何使得多选的 el-select 控件支持实现全选功能。
2023-05-05 18:15:59
2887
1
原创 使用Python+openpyxl实现导出自定义样式的Excel文件
现在了解了一下Python的openpyxl依赖库后,试一下编写脚本进行Excel导出,效果也不错的。
2023-03-31 18:13:24
1099
2
simple_html_dom.php(php解析html类库)
2018-02-26
ai圣经-deeplearning(中文版)-神经网络与深度学习
2018-02-24
wampserver2.5-Apache-2.4.9-Mysql-5.6.17-php5.5.12-64b
2018-02-24
myeclipse10(安装包与破解工具)
2018-02-24
Java连MySQL的驱动-mysql-connector-java-5.1.39-bin.jar
2018-02-24
安卓SDK-Windows离线版《SDK-installer_r24.4.1-windows》
2018-02-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人