51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

开源|一款开箱即用兼容移动端的后台管理系统,使用Vue3、Element-Plus等主流技术开发

开源|一款开箱即用兼容移动端的后台管理系统,使用Vue3、Element-Plus等主流技术开发

厉飞雨 阅读(176) 评论(0) 赞(4)

### 前言 在当前的软件开发领域,后台管理系统是企业数字化转型的重要组成部分。然而,现有的后台管理系统往往存在一些痛点,如技术栈陈旧、代码组织混乱、缺乏移动端适配、study 成-本高等问题。这些问题不仅影响了开发效率,也限制了系统的可维护性和扩展性。 为了解-决这些痛点,一款新的后台管理系统模板应运而生。 ![](https://img1.51tbox.com/sta...

live-torrent:一个支持磁力链和种子的在线搜索云播Web客户端

live-torrent:一个支持磁力链和种子的在线搜索云播Web客户端

厉飞雨 阅读(648) 评论(0) 赞(6)

**说明:** `live-torrent`是一个功能强大的`BT Web`客户端工具,支持`BT`搜索和云播,我们可以直接使用程序内置的引擎搜索查找资源,也可以自行上传种子文件或磁力链接添加任务,程序支持自动识别种子内视频文件,点击播放按钮可以直接在线播放,该程序支持对接`OpenSubtitles`,自动给视频添加字幕。同时也提供一个热门电影排行榜,并提供对应资源给你播放和...

Html2Image:在线将 HTML/CSS 转换为图像的便捷工具

Html2Image:在线将 HTML/CSS 转换为图像的便捷工具

厉飞雨 阅读(123) 评论(0) 赞(5)

在网页设计和开发过程中,将 HTML 和 CSS 代码转换为图像文件是一个常见需求。无论是为了分享设计效果图,还是生成素材用于其他项目,Html2Image 都能为您提供便捷的解决方案。通过在线代码编辑器,您可以轻松地将 HTML 和 CSS 代码转换为即时预览的图像,并可以下载存储为 SVG、PNG 和 JPEG 格式的图像文件。 Html2Image 是一个在线工具,它提...

JS 根据文章中的标题生成目录索引

JS 根据文章中的标题生成目录索引

厉飞雨 阅读(85) 评论(0) 赞(4)

在浏览一些博客或 wiki 类网站的时候,你可能会发现在文章的开头或侧边会有一个目录,点击就可以跳转到指定的章节。对于比较长的文章来说,目录还是比较重要的。通过目录可以快速了解文章包含的内容,要查看某个章节也可以直接跳转。 最近准备给博客增加一个生成文章目录的功能,下面简单写一下实现方式。 代码 --- 我这里使用了 jQuery,代码如下: ``` //  给 h2 ...

使用原生 JavaScript 实现简单轮播图

使用原生 JavaScript 实现简单轮播图

厉飞雨 阅读(90) 评论(0) 赞(5)

轮播图是网站中常见的一种展示方式,一般常用于:电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。 注意!因为使用了 CSS3 ,所以不能在 IE10 以下的浏览器运行。 代码 --- HTML: ``` <div id="box">     <...

JavaScript 使用 QRious 生成二维码

JavaScript 使用 QRious 生成二维码

厉飞雨 阅读(74) 评论(0) 赞(4)

在我的博客文章页下方有一个分享按钮,点击就会生成一个二维码,可以使用手机扫描查看和分享。生成二维码的过程还是比较复杂的,完全靠自己手写的话还是不太现实,最方便的就是使用其他人写的 JS 库。生成二维码的 JS 库还是比较多的,我的需求就是不需要依赖 jQuery 之类的库,可以直接下载文件调用,也可以使用 npm 安装。 QRious 是一个生成二维码的 JS 库,它基本符合...

关于自定义模态对话框的可访问性问题

关于自定义模态对话框的可访问性问题

厉飞雨 阅读(126) 评论(0) 赞(5)

在浏览器中包含三个可直接用 JS 调用的对话框,这三个对话框分别是 `alert` 、`prompt` 、`confirm` 。这三个对话框无论是对于键盘还是屏幕阅读器的可访问性都支持的比较好。但是因为这三个对话框在不同浏览器下的效果都不一样,所以很少有网站会用这三个对话框,大多数网站都会使用自定义对话框。 但是国内大多数网站的自定义对话框可以说是没有做过任何可访问性方面的适...