- 博客(496)
- 资源 (14)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 实现一个轮盘式按钮
本文介绍了一种轮盘式可收起按钮的实现方法，主要适用于低频操作的按钮组。文章包含在线体验地址、代码实现细节和完整源码地址。核心实现包括：主按钮的360°旋转动画和文字切换效果（通过CSS伪元素实现）；子按钮的弹性展开动画（使用贝塞尔曲线）；动态生成子按钮并计算圆形布局位置（基于三角函数）。配置参数支持自定义半径、动画时长和缓动效果。源码已开源至Gitee/GitHub，欢迎Star和PR。
2025-06-01 02:57:20
845
原创 纯css实现一个边框流光动画效果
这篇文章介绍了如何使用纯CSS实现边框流光动画效果。作者通过CSS伪元素创建光带，利用动画控制其尺寸和位置变化，结合box-shadow实现发光效果。文章详细分解了动画的6个关键状态，展示了从圆形到四边边框的流动过程。还提供了调整发光强度和颜色的方法，并分享了源码地址和在线体验链接。该效果无需JavaScript，仅通过CSS动画即可实现，适合用于网页装饰元素。
2025-06-01 02:56:14
1005
原创 实现一个3D轮播图
摘要：本文实现了一个3D立体旋转轮播图，通过CSS3的transform-style和perspective属性创建3D效果，图片环绕中心点排列，支持左右切换、自动轮播和指示器导航。关键点包括： 使用CSS变量控制图片间距和3D景深 transform-origin设置旋转中心实现环绕效果 鼠标悬停放大图片并暂停轮播 通过JavaScript动态计算每张图片的旋转角度 添加弹性过渡动画增强交互体验 效果展示和完整代码可通过CodePen查看。
2025-05-29 14:43:26
1030
原创 前端面试常问的HTTP缓存你都搞明白了吗？
HTTP缓存机制解析 HTTP缓存通过存储已请求资源来优化性能，包含强制缓存和协商缓存两种策略。强制缓存通过Cache-Control头直接判断资源有效性，而协商缓存则通过ETag/Last-Modified标识与服务器验证资源更新状态。首次请求时服务器返回资源及缓存头信息，后续请求会优先检查本地缓存：有效则直接使用（200 from cache），过期则发送验证请求（304未修改时复用缓存，已修改则获取新资源）。合理配置缓存策略可显著减少网络传输，提升用户体验。文章通过Node.js示例演示了max-ag
2025-05-29 14:42:40
926
原创 前端页面怎么限制用户打开浏览器控制台？
作为一名开发，相信大家对于浏览器控制台都是不陌生的，平时页面一出问题第一反应总是先打开控制台看看报错信息，而且还可以在控制台里插入自己的脚本信息来修改页面逻辑，那么你有没有想过 怎么限制用户打开控制台 呢？
2025-05-20 02:38:08
540
原创 也只有JavaScript可以写出这么离谱的代码了吧
今天，有个朋友给我发了一串神秘的字符（ (!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]] ），还要我在控制台打印一下试试
2025-05-16 00:38:53
951
原创 怎么在终端控制台打印彩色图片？
在终端控制台打印字符图案我们见多了，那你有没有想过在控制台打印彩色图片呢？今天我们一起来看看怎么在终端控制台打印彩色图片。
2025-05-08 14:47:01
685
原创 试下这个插件，让vscode自动帮你敲代码
最近突然想录制一些视频来分享一些代码，想在视频里展示代码编写的过程，但是又不想重头开始再敲一遍代码，所以便想着能不能写一个插件来帮我们“敲代码”🙂
2025-05-08 14:43:45
871
原创 写了一个B站直播实时字幕插件
之前看剧习惯了看字幕，最近在b站看直播，有时候会觉得没有字幕有点不太习惯，所以突发奇想，能不能给b站直播加一个实时字幕？然后就写了这么一个插件。
2025-04-21 14:08:19
366
原创 vue实现一个不定高虚拟滚动列表组件
前端开发中，当我们需要展示大量数据列表时，直接渲染所有数据项往往会导致性能问题，页面加载缓慢、滚动卡顿等。为了解决这一问题，虚拟列表技术应运而生。今天我们一起来简单实现一个虚拟滚动列表。
2025-04-21 14:07:21
484
原创 语音指令怎么避免同音词干扰？
最近实现了一个b站语音助手插件，可以通过语音来控制播放页面上指定的视频，在语音识别的过程中遇到了一个问题：语音识别出来的文本是预设语音指令同音词，导致语音指令匹配不上。这个时候有两种解决方案：
2025-04-10 16:30:51
907
原创 微信摇骰子怎么摇出自己想要的点数？
微信的摇骰子表情包大家应该都玩过吧，不知道大家有没有遇到过在微信摇骰子没有输过的朋友？你又有没有怀疑过其实有办法来摇出自己想要的点数呢？今天就一起来解密一下：微信摇骰子怎么摇出自己想要的点数。
2025-03-28 11:31:27
1434
原创 怎么将中文数字转为阿拉伯数字？
最近实现了一个b站插件，可以通过语音来控制播放页面上指定的视频，在语音识别的过程中遇到了需要将中文数字转为阿拉伯数字的情况，在这里分享一下具体事例和处理过程。
2025-03-26 21:24:26
640
原创 因为懒得点鼠标，我给B站做了个语音助手
最近在b站刷视频的时候，有时候懒得动手去点鼠标，所以就想着搞了个插件，可以解放双手，直接通过语音来操作页面控制视频播放。
2025-03-26 15:08:51
1169
原创 实现一个带@功能的输入框组件
微信里的@功能大家应该都用过了吧，那么有没有想过它是怎么实现的呢？今天我们就一起来简单实现一个带@功能的输入框组件。
2025-03-10 17:34:05
1173
原创 怎么获取输入框当前光标的前一个字符
不知道大家平时有没有遇到需要 获取输入框当前光标的前一个字符 的场景？今天让我们一起来看一下怎么实现这个功能。
2025-03-10 16:35:39
778
原创 2025了，你的前端项目还是手动打包上传部署的吗？
都 2025 了，你的前端项目还是手动打包上传部署的吗？手动嫌麻烦，流水线不想搞，那就直接写个一键部署脚本吧，这里以 vue 项目为例，简单来实现一个一键部署脚本。
2025-02-22 01:19:36
743
原创 视频暂停播放广告，是创新还是作死？我们也来实现一个试试
最近追剧的时候发现，现在很多视频平台都会在视频暂停的时候播放广告，并将播放的视频页面缩小到角落里，长视频平台的"暂停广告"似乎已成行业潜规则。那么这种“反人性的交互设计”功能是怎么实现的呢？
2025-02-20 00:57:25
944
原创 echarts实现一个显示所有城市的中国地图
显示省份的中国地图大家应该都实现过了吧？那么显示全国所有城市的中国地图大家实现过吗？最近刚好自己在实现一个小功能需要显示全国所有城市的中国地图，在这里分享一下怎么快速实现一个。
2025-02-08 15:35:23
954
2
原创 电影太多不知道看哪部？写个脚本获取电影评论词云看看
今年春节档电影有很多，面对这么多的电影，我们该怎么去选择观看呢？对很多电影抱有期待但又不想浪费时间去看“烂片”，想看影评又不想被剧透，那么我们就可以写一个脚本来提取电影评论进行分析，通过评论来了解观众对电影的看法和评价。
2025-02-08 15:34:01
842
原创 2025年春晚刘谦表演的魔术实际上就是一个冒泡排序？
2025年央视春晚上，刘谦的魔术表演再次成为焦点。这一次，他以简单的道具 —— 筷子、杯子和勺子，通过一系列看似随意的交换操作，最终让杯子“神奇”地出现在最右侧。这一魔术的背后，不仅隐藏着数学的排列组合原理，还与计算机科学中的冒泡排序（Bubble Sort）有着深刻的联系。本文将从魔术的步骤拆解、冒泡排序的原理以及两者的数学共性三个角度展开分析。
2025-02-08 15:29:00
932
原创 实现一个动态脱敏指令，输入时候显示真实数据，展示的时候进行脱敏
🎈所谓的数据脱敏，是指在不影响数据分析结果的准确性前提下，对原始数据中的敏感字段进行处理，从而降低数据敏感度和减少个人隐私风险的技术措施。在现在这个大数据时代，个人隐私信息在互联网上传播的几率是很大的，因此作为前端工程师，我们很多时候也需要在视图层面对数据进行脱敏展示处理。
2024-12-28 01:41:42
1107
原创 代码上传前怎么避免把 账号，密码，AppId, key 之类私密信息 提交上去
平时我们写代码的时候难免会有一些私密信息不行提交到git仓库上去，比如 账号，密码，AppId, key 之类不希望公开的信息，但是提交代码难免会有疏漏的时候，对此我们可以写个 githook 来协助我们进行检查。
2024-12-26 12:26:18
952
原创 封装一个支持长按选择加速倍率的视频组件
在短视频兴起的时代，很多的视频软件都有视频加速的功能，只需轻轻长按屏幕，视频便会根据预设的速度模式进行倍速播放，这是很常用而且很实用的一个功能，今天就让我们来简单实现一个组件，支持长按屏幕加速，且可以滑动选择加速倍率。
2024-12-15 22:43:25
866
原创 503 ServiceTemporarilyUnavailable是什么意思
“503 Service Temporarily Unavailable”的意思是服务器暂时无法处理请求，这是一种服务器端的错误状态码，并非用户电脑或网络的问题
2024-12-15 12:50:11
750
原创 股市把握不住？写一个股价监控脚本试试
今年国庆假期前，A股市场的表现可谓“牛气冲天”。自9月24日“金融新政”出台后，A股迎来了连续五个交易日的强劲上涨势头。9月30日，沪深两市成交额仅在早盘开盘35分钟内便突破1万亿元，刷新了历史最快万亿成交纪录。身边也有挺多朋友趁着这个机会入市了，于是乎原本很多学习交流群都变成了股市交流群🤣🤣🤣，既然这么关注股价变化，为什么不写一个脚本来监控呢？
2024-12-13 20:07:44
1283
原创 怎么将罗马数字转为阿拉伯数字
罗马数字是一种古老而独特的数字表示系统，起源于古罗马时期，虽然罗马数字现在应用较少，但在某些特定场合仍然具有重要意义，将罗马数字转换为整数也是一个经典的问题。
2024-12-13 20:06:19
798
原创 数字和大写中文实时互转，一个vue指令实现
最近在做一个需求，需要在用户输入数字失焦后实时将数字转为大写中文，聚焦的时候将大写中文转为数字以便用户继续修改。这里我们可以封装一个通用指令来做转换，接下来就让我们一起来实现一个转换指令吧。
2024-12-11 00:46:12
813
原创 JavaScrip中怎么生成一个不可修改属性的对象
😀数据的可变性常常是一个需要谨慎处理的问题。可变数据可能会导致难以预测的副作用，尤其是在大型项目或复杂的应用程序中。不可变数据结构提供了一种解决方案，它能使代码更加健壮、可维护和易于调试。📃。
2024-12-04 00:30:00
863
原创 JavaScript 中用 const 申明函数和直接用 function 哪个好？
JavaScript 中用 const 申明函数和直接用 function 哪个好？
2024-12-03 19:09:22
337
原创 将对象数组转换为矩阵
😀平时我们开发的时候基本都是用的json格式来进行数据处理，但是大家应该都遇到过需要将数据导出表格的场景吧，这时候我们就需要将对象数组转为数组矩阵📃。
2024-12-03 17:16:52
685
原创 实现一个节流函数
在 JavaScript 编程中，性能优化常常是一个关键的考量因素，尤其是在处理频繁触发的事件时。`节流`就是一种用于控制函数执行频率，避免过度调用导致性能问题的关键方法。今天我们结合力扣原题：[2676. 节流](https://leetcode.cn/problems/throttle/description/) 来实现一个节流函数。
2024-12-02 20:22:47
615
原创 不用JSON.stringify怎么将json对象转为json字符串
平时大家都是怎么将json对象转为json字符串的？大部分同学应该都是直接使用内置的 JSON.stringify 函数来进行转换的吧？今天我们一起来看看不用JSON.stringify怎么将json对象转为json字符串。
2024-12-01 01:32:14
1145
node.js获取文件夹目录树
2022-03-17
云服务器搭建linux环境三件套
2020-05-11
python win32com调用打印机打印文档
2021-04-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人